.u-section-1 {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 1068px;
}

.u-section-1 .u-btn-1 {
  --radius: 0px;
  --top-left-radius: 0px;
  --top-right-radius: 0px;
  --bottom-right-radius: 0px;
  --bottom-left-radius: 0px;
  background-image: none;
  border-style: solid;
  margin: -388px auto 0 0;
  padding: 0;
}

.u-section-1 .u-video-1 {
  height: 866px;
  width: 100%;
  margin: 364px auto 60px;
}

.u-section-1 .embed-responsive-1 {
  position: absolute;
}

@media (max-width: 991px) {
  .u-section-1 .u-btn-1 {
    margin-top: -305px;
  }
}

@media (max-width: 767px) {
  .u-section-1 .u-btn-1 {
    margin-top: -204px;
  }
}

@media (max-width: 575px) {
  .u-section-1 .u-btn-1 {
    margin-top: -92px;
  }
}/* This forces the background to anchor to the top edge and center horizontally */
.u-section-1 {
    background-position: center top !important;
}
/* If you are using a Video Background specifically, use this instead */
.u-background-video {
    top: 0 !important;
    transform: translateX(-50%) !important; /* Keeps it centered horizontally */
    bottom: auto !important; /* Prevents it from pulling toward the bottom */
}
/* Force the image to always be at least 100% wide and 100% tall */
.u-section-1 {
    background-size: 100% 100% !important;
    background-position: center top !important;
}
/* This will only affect video elements on THIS specific page */
.u-video {
    width: 100% !important;
}
.u-video iframe, .u-video video {
    width: 100% !important;
}