*{
  margin:0;
  padding:0;
}

@font-face {
  font-family: 'Metropolis Black';
  src: local('fonts/metropolis/webfonts/eot/Metropolis-Black.eot'); /* IE9 Compat Modes */
  src: local('fonts/metropolis/webfonts/woff2/Metropolis-Black.woff2') format('woff2'), /* Super Modern Browsers */
       local('fonts/metropolis/webfonts/woff/Metropolis-Black.woff') format('woff'), /* Pretty Modern Browsers */
       local('fonts/metropolis/truetype/Metropolis-Black.ttf')  format('truetype'), /* Safari, Android, iOS */
}

@font-face {
  font-family: 'Metropolis Regular';
  src: local('fonts/metropolis/webfonts/eot/Metropolis-Regular.eot'); /* IE9 Compat Modes */
  src: local('fonts/metropolis/webfonts/woff2/Metropolis-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       local('fonts/metropolis/webfonts/woff/Metropolis-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       local('fonts/metropolis/truetype/Metropolis-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
}


#videobcg {
  position: absolute;
  z-index: -1;
  display: block;
  width: 100vw;
  height: 100vh;
  object-fit: cover;
}

@media (max-width: 767px) {
  #videobcg {
      display: none;
  }
  body {
      background: url('images/bars.png');
      background-size: cover;
  }
}
@media (min-aspect-ratio: 16/9) {
  #videobcg {
    overflow: hidden;
    background-size: contain;
  }
}
@media (max-aspect-ratio: 16/9) {
  #videobcg { 
    overflow: hidden;
    background-size: contain;
  }
}

body{
  margin:0;
  font-family: "Metropolis Black", Tahoma, sans-serif;
  font-size:17px;
  color:#152238;
  background-color: #152238;
  line-height:1.6;
}

#top{
  background-color:#152238FF;
  background-size:cover;
  background-position:center;
  background: linear-gradient(180deg,#152238FF, 75%, #152238CC);
  height:20vh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  padding:0 0px;
}

#tagline{
  background-color:#152238CC;
  color: #fafafa;
  background-size:cover;
  background-position:center;
  height:40vh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  padding: 0px 0px;
  overflow: auto;
}

#tagline h1{
  font-size:clamp(48px, 4vw, 96px);;
  line-height:1.2;
}

#notifyme{
  background-color:#152238CC;
  background-size:cover;
  background-position:center;
  height:30vh;
  display:flex;
  flex-direction:column;
  justify-content:top;
  align-items:center;
  text-align:center;
  padding:0px 0px;
}

#notifyme p{
  font-size:clamp(48px, 5vw, 96px);;
  line-height:1.2;
}

#notifyme input {
	border: medium none;
  color: #fafafa;
  border: 2px solid #fafafa;
  font-family: "Metropolis Regular", Tahoma, sans-serif;
  font-size: 24px;
  margin-bottom: 10px;
  padding: 16px 16px;
  width: 300px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
  -webkit-appearance: none;
	}
#notifyme input.email {
   background: #15223800;
   color: #fafafa;
   -webkit-appearance: none;
   outline-width: 0;
  }
#notifyme input[type="submit"] {
		background: #fafafa;
		color: #152238;
		cursor: pointer;
		font-size: 24px;
		width: 160px;
		padding: 16px 0px;
    -webkit-appearance: none;

	}
#notifyme input[type="submit"]:hover { border: #5B6473; background: #5B6473; color: #fafafa }



#footer{
  background-color:#152238FF;
  background: linear-gradient(0deg,#152238FF, 75%, #152238CC);
  background-size:cover;
  background-position:center;
  height:10vh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  padding:0px 0px;
}

#footer p{
  font-size:clamp(24px, 3vw, 48px);
  line-height:1.2;
}

#footer .footer-sub-container{
  text-align: left;
  font-size: 12px;
  overflow: auto;
  padding: 24px 24px
}

#footer .footer-linktext{
  color: #fafafa;
  cursor: pointer;
  font-family: "Metropolis Regular", Tahoma, sans-serif;
  font-size: 14px;
}
#footer .footer-linktext:hover{
  color:#5B6473
}

#footer .footer-modal{
  z-index:3;
  display:none;
  padding-top:100px;
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  overflow:auto;
  background-color:rgb(0,0,0);
  background-color:rgba(0,0,0,0.4)
}
#footer .footer-modal-content{
  margin:auto;
  background-color:#152238;
  font-family: "Metropolis Regular", Tahoma, sans-serif;
  color: #fafafa;
  position:relative;
  padding:0;
  outline:0;
  width:480px
}



#footer .footer-close-button{
  border:none;
  display:inline-block;
  position:absolute;
  right:0;
  top:0;
  padding: 8px 16px;
  vertical-align:middle;
  overflow:auto;
  text-decoration:none;
  color:inherit;
  background-color:inherit;
  text-align:center;
  cursor:pointer;
  white-space:nowrap
}
#footer .footer-close-button:hover{
  color: inherit;
  background-color:#5B6473!important
}

#footer .footer-sub-container h1{
  font-size: 48px;
  font-family: "Metropolis Black", Tahoma, sans-serif;
  line-height:1.2;
}

#footer .footer-sub-container h2{
  font-size: 18px;
  font-family: "Metropolis Black", Tahoma, sans-serif;
  line-height:1.2;
}
#footer .footer-sub-container p{
  font-size: 12px;
  font-family: "Metropolis Regular", Tahoma, sans-serif;
  line-height:1.2;
}
.navigationSpace {
  padding-left: 50px;
}