@media (min-width: 768px) {

  .contact-section {
    width: 70%;
  }

  .contact-container {
    padding-top: 200px;
    padding-bottom: 50px;
  }


  .contact-title,  .thank-you-title{
    font-size: 2.4em;
  }

  .contact-title span {
    display: block;
    font-size: 1.25em;
  }


  .step-indicator span {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 0.8em;
  }

  .thank-you-desc {
    font-size: 1.2 em;
  }


  .overlay-text2 {
    height: 35vh;
    opacity: 0.25;
  
  }

}




@media (min-width: 1024px) {

  .contact-title,  .thank-you-title{
    font-size: 3em;
  }

  .contact-container {
    padding-top: 250px;
    padding-bottom: 50px;
  }

  .contact-section {
    width: 65%;
  }

  #form-progress-bar {
    margin: 80px 0px;
  }


  .overlay-text2 {
    height: 100vh;
    opacity: 0.25;
  
  }

}





@media (min-width: 1336px) {

  .contact-title,  .thank-you-title{
    font-size: 3.6em;
  }

  .contact-container {
    padding-top: 250px;
    padding-bottom: 150px;
  }

  .contact-section {
    width: 60%;
  }

  #form-progress-bar {
    margin: 80px 0px;
  }


  #thankyou-lotti {
    width: 100px;
    margin: 0 auto 40px auto;
  }

  .thank-you-desc {
    font-size: 1.2em;
  }

}


@media (min-width: 1600px) {

  .contact-title,  .thank-you-title{
    font-size: 4.35em;
  }


  .contact-section {
    width: 60%;
    max-width: 1000px;
  }


}





















  /* end */