@charset "utf-8";

:root {
  --primary: #00a0ff;
  --secondary: #002040;
}
html {
  scroll-behavior: smooth;
}
body {
  background-color: #000000;
  overflow-x: hidden;
}
@font-face {
  font-family: headline;
  src: url("../fonts/AvenirNextLTPro-Bold.otf");
}
@font-face {
  font-family: body-text;
  src: url("../fonts/AvenirNextLTPro-Regular.otf");
}

.main-bg::before {
  content: "";
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  background-image: url('../img/main-bg.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 1;
}

.main-bg2::before {
  content: "";
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  background-image: url('../img/main-bg.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: .66;
}

.video-bg {
  min-width: 100%;
  min-height: 100%;
  top: 50%;
  right: 0px;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  pointer-events: none;
  position: fixed;
  opacity: 1;
  mix-blend-mode: overlay;
  object-fit: cover;
  z-index: 1;
}


/* MOBILE ADJUSTMENTS */

@media only screen and (max-width: 1199px) {
}

@media only screen and (max-width: 991px) {
}

@media only screen and (max-width: 575px) {
}

@media only screen and (max-width: 375px) {
}