.navbar-stick {
  z-index:2000;
}
.dropdown-menu.mega-menu{
    z-index: 2000;
}
.bg-ort {
  color: #f8f8f8;
  font-family: HeliosExtC;
  font-size: 400px;
  font-weight: 700;
  line-height: 239px;
  text-transform: uppercase;
  position: absolute;
  z-index: 2;
  left: 0;
  letter-spacing: 130px;
  top: 50%;
  transform: translateY(-50%);
}
a.btn.btn-outline-primary.rounded-0.class-button {
  overflow: hidden;
  position: relative;
  padding: 0 4rem 0 0;
  font-size: 2rem;
  width: 100%;
}
.options-nav{
    z-index: 2000;
}
.solid-mono.text-primary .fill-primary {
  fill: #018bd3!important;
}
.icon-list.bullet-blue.bullet-bg i {
  background-color: #018bd3;
  color: #fff;
}
.video-background{
    position: absolute;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.video-foreground,
.video-background iframe {
      object-fit: cover;
      width: 100vw;
      height: 100vh;
      position: absolute;
      top: 0;
      left: 0;
}
.navbar-collapse.offcanvas.offcanvas-nav.offcanvas-start.show{
    z-index: 3000!important;
}
.navbar-clone{
    z-index: 2000!important;
}
.modal{
    z-index: 2100;
}
.modal-backdrop{
    z-index:2000;
}
.navbar {
  z-index: 2000!important;
}
@media (min-aspect-ratio: 16/9) {
  .video-foreground {
    height: 300%;
    top: -100%;
  }
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground {
    width: 300%;
    left: -100%;
  }
}
@media all and (max-width: 600px) {
  .vid-info {
    width: 50%;
    padding: 0.5rem;
  }
  .vid-info h1 {
    margin-bottom: 0.2rem;
  }
}
@media all and (max-width: 500px) {
  .vid-info .acronym {
    display: none;
  }
}
@media (min-width: 320px) and (max-width: 767.98px) {
    .header {
      position: relative;
      display: flex;
      height: 100vh!important;
      max-height: 100vh!important;
      background: #000;
      overflow: hidden;
}
.header iframe {
  position: absolute;
  top: 125px!important;
  left: 50%!important;
  width: revert-layer!important;
  height: 100vh!important;
  pointer-events: none;
}
.header__background {
  position: absolute;
  top: 125px!important;
  left: 0!important;
  width: 120%;
  height: 0;
  padding-bottom: 66.25%;
  transform: translate(-149%, -100%)!important;
  pointer-events: none;
}
}