main {
    padding-top: 0rem;
}


/* quattrocento-sans-regular - latin */
@font-face {
    font-family: 'Quattrocento Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/quattrocento-sans-v12-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Quattrocento Sans'), local('QuattrocentoSans'),
         url('../fonts/quattrocento-sans-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/quattrocento-sans-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/quattrocento-sans-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/quattrocento-sans-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/quattrocento-sans-v12-latin-regular.svg#QuattrocentoSans') format('svg'); /* Legacy iOS */
  }
  /* quattrocento-sans-italic - latin */
  @font-face {
    font-family: 'Quattrocento Sans';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/quattrocento-sans-v12-latin-italic.eot'); /* IE9 Compat Modes */
    src: local('Quattrocento Sans Italic'), local('QuattrocentoSans-Italic'),
         url('../fonts/quattrocento-sans-v12-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/quattrocento-sans-v12-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/quattrocento-sans-v12-latin-italic.woff') format('woff'), /* Modern Browsers */
         url('../fonts/quattrocento-sans-v12-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/quattrocento-sans-v12-latin-italic.svg#QuattrocentoSans') format('svg'); /* Legacy iOS */
  }
  /* quattrocento-sans-700 - latin */
  @font-face {
    font-family: 'Quattrocento Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/quattrocento-sans-v12-latin-700.eot'); /* IE9 Compat Modes */
    src: local('Quattrocento Sans Bold'), local('QuattrocentoSans-Bold'),
         url('../fonts/quattrocento-sans-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/quattrocento-sans-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/quattrocento-sans-v12-latin-700.woff') format('woff'), /* Modern Browsers */
         url('../fonts/quattrocento-sans-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/quattrocento-sans-v12-latin-700.svg#QuattrocentoSans') format('svg'); /* Legacy iOS */
  }
  
  
  body {
      font-family: 'Quattrocento Sans',sans-serif;
      color: #495662;
      font-size: 18px;
      line-height: 1.58;
  }

.reply
{
    display: block;
    margin-top: 3rem;
    width: 25%;
    padding: 3rem;
    text-align: center;
    
}
.signup-form {
    padding: 1rem;
}

.signup-form label {
    font-weight: normal;
}

.signup-form label {
    display: block;
    margin-top: 1rem;
    width: 100%;
}


.signup-form input,
.signup-form select {
    display: block;
    margin-top: 0.5 rem;
    width: 100%;
}

.signup-form textarea[id*="comment"]{
    display: block;
    width: 100%;
    font-size: 18px;
    font-family: inherit;
    padding: 0.2rem 0.5rem;

}
/* .signup-form input[type="checkbox"] */
.signup-form input[id*="cat_"],
.signup-form input[id*="cat_"] + label {
    display: inline-block;
    width: auto;
    vertical-align: bottom;
}

.signup-form input[id*="cat_"] + label {
    margin-left: 10px;
}

.signup-form input[type="checkbox"] + label {
    display: inline-block;
    width: auto;
    vertical-align: bottom;
}

.signup-form input[id*="terms"],
.signup-form input[id*="terms"] + label {
    display: inline-block;
    width: auto;
    vertical-align: bottom;
}

.signup-form input:not([type="checkbox"]),
.signup-form select {
    border: 1px solid #ccc;
    padding: 0.2rem 0.5rem;
    font: inherit;
}

.signup-form input:focus,
.signup-form select:focus {
    outline: none;
    background: #d8f3df;
    border-color: #2ddf5c;
}

.signup-form input[type="checkbox"] {
    border: 1px solid #ccc;
    background: white;
    width: 1rem;
    height: 1rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

}

.signup-form input[type="checkbox"]:checked {
    background: #037883;
    border: #495652;
}

.signup-form input.invalid,
.signup-form select.invalid,
.signup-form :invalid {
    border-color: red !important;
    background: #faacac;
}

.signup-form button[type="submit"] {
    display: block;
    margin-top: 1rem;
}



.button {
    background: #c80c04;
    color: white;
    font: inherit;
    border: 0px solid #0e4f1f;
    padding: 0.7rem;
    width: 50%;
    border-radius: 0px;
    font-weight: bold;
    cursor: pointer;
  }
  
  .button:hover,
  .button:active {
    background: #037883;
    color: white;
  }
  
  .button:focus {
    outline: none;
  }
  
  .button[disabled] {
    cursor: not-allowed;
    border: #a1a1a1;
    background: #ccc;
    color: #a1a1a1;
  } 

@media (min-width: 40rem) {
    .signup-form {
        margin: auto;
        width: 25rem;
    }
}