/*
 * Globals
 */



/*
 * Base structure
 */

body {  
  font-family: 'Inter', sans-serif;
}
.coming_soon{
  font-family: "Tenor Sans";
  margin-bottom: 80px;
}
.coming_soon h1{
  font-size: calc(7.6rem + 1.5vw);
  line-height: 100%;
}
@media screen and (max-width: 768px) {
  .coming_soon h1{
    font-size: 50px;
  }
}
.tagline h2{
  font-size: calc(1.75rem + 1.2vw);
  font-weight: 700;
  line-height: 120%;
}
@media screen and (max-width: 768px) {
  .tagline h2{
    font-size: 20px;
  }
}
.coming_soon p,
.tagline p{
  font-size: 25px;
}
@media screen and (max-width: 768px) {
  .coming_soon p,
  .tagline p{
    font-size: 13px;
  }
  .tagline br{
    display: none;
  }
}
.video-background {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  max-width: auto;
  object-fit: cover;
  width: 100%;
  height: 100%;
  margin: 0;
  z-index: -2;
}

header img{
  max-width: 325px;
}
@media screen and (max-width: 768px) {
header img{
  width: 49%;
}
}


/*
 * Header
 */

.nav-masthead .nav-link {
  padding: .25rem 0;
  font-weight: 700;
  color: rgba(255, 255, 255, .5);
  background-color: transparent;
  border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(255, 255, 255, .25);
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color: #fff;
  border-bottom-color: #fff;
}
