html{

}
body{
 margin: 0;
}
a{
 cursor: pointer;
}
.main{
 display: flex;
}
.content{
 background-color: #606971;
 padding-left:25px;
}
form{
 max-width: 554px;
padding-top: 20px;
}
.form{
 color: #fff;
 max-width: 620px;
 padding: 40px 0 45px 0;
 margin: 0 140px 0 0;
}
.input-title{
 display:flex;
}
.input-title h4{
 font-size: 16px;
}
.input-title h6{
 color: #940101;
 font-size: 16px;
 padding-left: 20px;
}
input[type=text]:not(.browser-default){
 border-radius: 5px;
  color: #212121;
  font-size: 20px;
  height: 40px;
  margin-bottom: 30px;
  max-width: 530px;
  padding: 0 0 0 10px;
  transition: box-shadow .0s, border .0s, -webkit-box-shadow .0s;
}
.chips.chips-autocomplete.input-field, .chips.chips-autocomplete{
 background-color: #a8adb1;
 border: 2px solid #a8adb1;
 border-radius: 5px;
 color: #606971;
 display: flex;
 flex-wrap: wrap;
 font-size: 17pt;
 margin-bottom: 30px;
 margin-top: 0px;
 max-width: 600px;
 padding: 0 0 0 25px;
 transition: box-shadow .0s, border .0s, -webkit-box-shadow .0s;
}
input[type=text]:not(.browser-default):focus:not([readonly]),.chips.chips-autocomplete.input-field:focus:not([readonly]){
 box-shadow: 0 0 0 0 #fff;
}
::placeholder {
 color: #c4cacf;
 font-weight: 300;
}
.name{
 display: flex;
}
.half{
 flex-grow: 1;
 max-width:237.5px;
}
.half.first{
 margin-right: 50px;
}
.chip{
 background-color: #cccfd1;
 border-radius:5px;
 color: #0000006e;
 display:flex;
 font-size: 17pt;
 font-weight: 100;
 height: 55px;
 padding-top: 10px;
 margin: 5px 26px 5px -20px;
}
.chip:focus {
 background-color: #54abd5;
 color: #fff;
}
.chips .input {
 background: none;
 border: 0;
 color: rgba(0,0,0,0.6);
 display: inline-block;
 flex-grow: 1;
 font-size: 17pt;
 min-height: 64px;
 line-height: 32px;
 outline: 0;
 margin: 0;
 background-color: #a8adb1;
}
.chips.focus{
 box-shadow: 0 0 0 0 #fff;
}
button{
 height: 40px;
 background-color: #54abd5;
 border-color: transparent;
 border-radius: 5px;
 color: #ffffff;
 font-weight: 900 !important;
 font-family: myriad-regular; 
 margin: 20px 20px 20px 0px;
 padding-top: 10px;
 width: 200px;
}
button h4{
 font-weight: 900;
}
button:active {
    border-style: none;
}
button:focus {
 background-color: #54abd5;
 color: #fff;
 outline: 0;
}
button:hover {
 background-color: #54abd5;
 color: #fff;
 outline: 0;
}
.thank-you{
 color:#fff;
 margin-top:300px;
 margin-bottom:273px;
 margin-right:200px;
}
.footer{
 background-color: #2a2f32;
 color: #ffffffd1;
 display:flex;
 font-size:12px;
 height:100%;
 margin: 50px auto 30px auto;
 max-width:1140px;
}
.footer h6{
 font-size: 11.5px;
 font-weight: 200;
 line-height: 2rem;
 max-width: 500px;
 min-width: 480px;
 padding-right:20px;
}
.footer-link{
 display:flex;
 flex-grow:1;
 justify-content: space-between;
}
.footer a{
 color: #a1a1a1;
}
.footer .link{
 margin-left: 30px;
 max-width: 110px;
}
.social {
 border-radius: 30px;
 border: 1px solid #ffffff;
 text-align: center;
 margin: 0 0 1.1rem 40px;
 padding-top: 12px;
 width: 40px;
 height: 40px;
}
.social i{
 font-size: 15px;
}
.link-title{
 font-weight: 200;
}
.link-item, .link-title{
 padding-bottom:10px;
}
.copy{
 border-top: 1px solid #fff;
 margin: 30px auto;
 max-width: 1140px;
 padding-top:20px;
}
.copy img{
 width:100px;
}
.copyright{
 color: #a1a1a1;
 display: flex;
 justify-content: space-between;
 margin: 20px auto 50px auto;
 max-width: 1600px;
}
.copyright a{
 color: #a1a1a1;
 font-size:12px;
 font-weight:400;
}
.copyright h6{
 font-style:italic;
 font-size:12px;
}
.mobile-link{
 display:none;
}
@media screen and (max-width: 1834px) {
    .form {
      margin: 0px;
      max-width: 580px;
    }
}
@media screen and (max-width: 1200px) {
    .footer, .copy {
    max-width: 960px;
    }
    .footer h6, .statement{
       max-width: 400px;
       min-width: 400px;
    }
    .footer .link {
        max-width: 90px;
    }
    .social {
        margin: 0 0 1.1rem 30px;
    }
}
@media screen and (max-width: 1055px) {
    .main{
        background-image: none;
        justify-content: center;
    }
     .thank-you {
      margin-right: 25px;
      margin-left: 25px;
  }
}
@media screen and (max-width: 992px) {
   .footer, .copy {
      max-width: 720px;
   }
    .footer{
      flex-direction: column;
    }
   .footer-link{
      margin: 0 30px;
    }
  .footer .link {
      max-width: unset;
  }
  .footer h6, .statement {
      line-height: 1.5rem;
      padding: 0 0 15px 0;
      text-align: center;
      max-width: unset;
      min-width: unset;
      margin: 0 30px;
  }
  .social-media{
      flex-direction: row;
      display: flex;
      justify-content:center;
  }
  .social {
      margin: 0 0 0 20px;
  }
  .mobile-link{
      display:none;
  }
  .thank-you {
      margin-right: 25px;
      margin-left: 25px;
  }
}
@media screen and (max-width: 768px) {
    .footer{
      max-width: 720px;
   }
   .copy {
      display:flex;
      flex-direction: column;
      justify-content: center;
      max-width: 550px;
      text-align: center;
   }
   .copy h6{
      padding-bottom: 5px;
   }
   .footer{
      flex-direction: column;
   }
   .footer-link{
      margin: 0 0px 30px 0;
      justify-content: center;
   }
   .footer .link {
      max-width: unset;
   }
   .footer h6, .statement {
      display: none;
   }
   .social-media{
      flex-direction: row;
      display: flex;
      justify-content:center;
   }
   .social {
    margin: 0 8px;
   }
   .mobile-link{
      display:block;
      text-align: center;
   }
   .link{
      display:none;
   }
   .copyright{
      flex-direction:column;
   }
   .name {
    flex-direction: column;
   }
   .half.first {
    margin-right: 0px;
   }
   .half {
    max-width: unset;
   }
}
@media screen and (max-width: 620px) {
   h1{
     font-size:50px;
   }
   h2{
     font-size:15pt;
     width:100%;
   }
   .content {
     padding-left:0px;
     width:101%;
     overflow:hidden;
   }
   .form {
     margin:0 auto;
     max-width: 530px;
   }
   form{
     max-width:unset;
   }
   input[type=text]:not(.browser-default) {
     max-width:505px;
   }
}
@media screen and (max-width: 550px) {
   input[type=text]:not(.browser-default) {
    max-width: 380px;
   }
    .form {
        margin: 0 auto;
        max-width: 405px;
    }
}
@media screen and (max-width: 550px) {
   input[type=text]:not(.browser-default) {
    max-width: 275px;
   }
    .form {
        margin: 0 auto;
        max-width: 300px;
    }
}