@import url("https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css");
@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500&display=swap");

body{font-family: 'Quicksand', sans-serif;}
::-webkit-input-placeholder { /* WebKit browsers */ text-transform: none;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ text-transform: none;}
::-moz-placeholder { /* Mozilla Firefox 19+ */ text-transform: none;}
:-ms-input-placeholder { /* Internet Explorer 10+ */ text-transform: none;}
::placeholder { /* Recent browsers */ text-transform: none;}
#quiz fieldset:not(:first-of-type) {display: none;}
label { display: block; font-size: small; text-transform: uppercase;  letter-spacing: 2px;  color: #999;}
.loader {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background:   #ffffff; }
.loading-icon {position: relative; top: 10%; /*left: 45%;*/ } .email-autocomplete {color: darkgrey;}   
@media only screen and (min-width: 601px) and (max-width: 900px){
    .mobile-text {
        font-size: 13px;
    }
}
@media only screen and (max-width: 600px) {
    .mobile-text {
        font-size: 12px;
    }
}
.footer {
    background-color: #d6d6d6;
    color: #ffffff;
    padding: 20px 0;
    width: 100%;
    position: relative;
    bottom: 0;
    left: 0;
    font-size: small;
    margin-top:300px;
  }
  .footer a {
    color: #31393C;
  }
  .footer a:hover {
    color: #2176FF;
  }