#thankyou-header {
  position: absolute;
  top: 1em;
  right: 1em;
  z-index: 1;
  width: 100%;
}

#thankyou-banner {
  height: 100vh;
	width: 100vw;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 576px) {
  #thankyou-banner {
    height: 500px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media (max-width: 768px) {
  #thankyou-banner .content {
    margin-bottom: 72px;
  }
}

#thankyou-banner h1 {
  color: #003775;
  font-size: clamp(3.5em, 7vw, 20em);
}

#thankyou-banner h4 {
  color: #003775;
}

#thankyou-banner p {
  color: #000;
}

#thankyou-banner .bg-img {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
  background-size: cover;
  overflow: hidden;
}

#thankyou-banner .bg-img img {
  height: 100vh;
	width: 100%;
	overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
}

#thank-you-footer {
  background-color: #003775;
  padding: 12px 0;
  color: #fff;
}

@media (min-width: 768px) {
  #thank-you-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
  }
}
/*# sourceMappingURL=thankyou-section.css.map */