#contact #container .s1 {
  padding: 12.5rem 0;
}

#contact #container .s1 .image-box {
  height: 628px;
}

#contact #container .s1 .image-box .image {
  background-image: url(/i/contact-hero.jpg);
}

#contact #container .s1 .wrap::before {
  background-image: url(/i/contact-hero.jpg);
}

#contact #container .s1 .text {
  max-width: 812px;
}

#contact #container .s1 .text p a {
  font-weight: 600;
  text-decoration: underline;
  color: #000;
  transition: color .3s ease;
}

#contact #container .s1 .text p a:hover {
  color: #f90;
}

#contact #container .s1 .subscribe-form {
  padding: 0 !important;
}

#contact #container .s1 .contact-form {
  margin-top: 2rem;
}

/***** MEDIA *****/
@media screen and (max-width: 1300px) {
  #contact #container .s1 {
    padding: 7.5rem 0;
  }
  #contact #container .s1 .image-box {
    height: 450px;
  }
  #contact #container .s1 .text form .bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

@media screen and (max-width: 767px) {
  #contact #container .s1 {
    padding: 5rem 0;
  }
  #contact #container .s1 .image-box {
    height: 300px;
  }
  #contact #container .s1 .text form {
    margin-top: 3rem;
  }
  #contact #container .s1 .text form .two-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
  }
  #contact #container .s1 .text form .btn-submit span {
    font-size: 13px;
  }
}