@media (min-width: 576px) {
  #box-2 {
    height: 100vh;
    width: 100%;
    background-image: url(../../assets/img/xs-parallax-1.png);
    background-size: cover;
    display: table;
    background-attachment: scroll;
  }
}

@media (min-width: 576px) {
  #box-2 {
    height: 100vh;
    width: 100%;
    background-image: url(../../assets/img/sm-parallax-.png);
    background-size: cover;
    display: table;
    background-attachment: fixed;
  }
}

@media (min-width: 576px) {
  #box-2 {
    height: 100vh;
    width: 100%;
    background-image: url(../../assets/img/sm-parallax-.png);
    background-size: cover;
    display: table;
    background-attachment: scroll;
  }
}

@media (min-width: 768px) {
  #box-2 {
    height: 100vh;
    width: 100%;
    background-image: url(../../assets/img/md-parallax-1.webp);
    background-size: cover;
    display: table;
    background-attachment: fixed;
  }
}

@media (min-width: 1200px) {
  #box-2 {
    height: 100vh;
    width: 100%;
    background-image: url(../../assets/img/xxl-parallax-1.webp);
    background-size: cover;
    display: table;
    background-attachment: fixed;
  }
}

@media (min-width: 300px) {
  #scedule-box-3 {
    height: 100vh;
    width: 100%;
    background-image: url(../../assets/img/xs-parallax-2.png);
    background-size: cover;
    display: table;
    background-attachment: fixed;
  }
}

#index-box-3 {
  height: 100vh;
  width: 100%;
  background-image: url(../../assets/img/xs-parallax-2.png);
  background-size: cover;
  display: table;
  background-attachment: fixed;
}

@media (min-width: 300px) {
  #index-box-3 {
    height: 100vh;
    width: 100%;
    background-image: url(../../assets/img/xs-parallax-2.png);
    background-size: cover;
    display: table;
    background-attachment: scroll;
  }
}

@media (min-width: 576px) {
  #box-3 {
    height: 100vh;
    width: 100%;
    background-image: url(../../assets/img/body-para-sm.webp)!important;
    background-size: cover;
    display: table;
    background-attachment: fixed;
  }
}

@media (min-width: 768px) {
  #box-3 {
    height: 100vh;
    width: 100%;
    background-image: url(../../assets/img/md-parallax-2.webp);
    background-size: cover;
    display: table;
    background-attachment: fixed;
  }
}

@media (min-width: 992px) {
  #box-3 {
    height: 100vh;
    width: 100%;
    background-image: url(../../assets/img/body-para-lg.webp);
    background-size: cover;
    display: table;
    background-attachment: fixed;
  }
}

@media (min-width: 1200px) {
  #box-3 {
    height: 100vh;
    width: 100%;
    background-image: url(../../assets/img/xxl-parallax-2.webp)!important;
    background-size: cover;
    display: table;
    background-attachment: fixed;
  }
}

h1 {
  font-family: arial black;
  font-size: 50px;
  color: white;
  margin: 0px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}

#contact-box-3 {
  height: 100vh;
  width: 100%;
  background: url("../../assets/img/parallax-contact-xs.webp") center / cover no-repeat;
  display: table;
  background-attachment: fixed;
}

@media (min-width: 576px) {
  #contact-box-3 {
    height: 100vh;
    width: 100%;
    background: url("../../assets/img/parallax-contact-sm.webp") center / cover no-repeat;
    display: table;
    background-attachment: fixed;
  }
}

#contact-form-block {
}

@media (min-width: 992px) {
  #contact-box-3 {
    height: 100vh;
    width: 100%;
    background: url("../../assets/img/parallax-contact-lg.webp") center / cover no-repeat;
    display: table;
    background-attachment: fixed;
  }
}

.contact-banner-column {
}

@media (min-width: 1400px) {
  .contact-banner-column {
  }
}

@media (min-width: 300px) {
  #contact-banner {
    height: 438px !important;
  }
}

@media (min-width: 576px) {
  #contact-banner {
    height: 406px !important;
  }
}

@media (min-width: 768px) {
  #contact-banner {
    height: 337px !important;
  }
}

@media (min-width: 992px) {
  #contact-banner {
    height: 301px !important;
  }
}

@media (min-width: 300px) {
  .submit {
    margin-bottom: 26px;
  }
}

@media (min-width: 576px) {
  #index-box-3 {
    height: 100vh;
    width: 100%;
    background-image: url(../../assets/img/md-parallax-2.webp);
    background-size: cover;
    display: table;
    background-attachment: scroll;
  }
}

@media (min-width: 992px) {
  #index-box-3 {
    height: 100vh;
    width: 100%;
    background-image: url(../../assets/img/xxl-parallax-2.webp);
    background-size: cover;
    display: table;
    background-attachment: fixed;
  }
}