@charset "UTF-8";

.body,html {
  height: 100%;
  display: block;
  flex-direction: column;
  align-items: center;
  justify-items: center;
  background-color: #060e1b;
}
body{
	background-color: #060e1b;
}
section /*the containing element to put the .background-video-container in*/ {
  background-color: #121212;
  opacity: 1;
  width: 100%;
  overflow: hidden;
  position: relative;
}

@media (max-width: 900px) {
	video{
		height: 100vh;
	}
}

@media (min-width: 900px) {
	video{
		width: 100vw;
	}
}

.background-video-container {
  pointer-events: none;
  z-index: 1;
  position: absolute;
  top: 0rem;
  right: 0rem;
  bottom: 0rem;
  left: 0rem;
  width: 100vw;


.navbar{
	z-index: 99999;
	color: #ffffff !important;
	font-weight: bold;
}

.navbar-nav .show > .nav-link, .navbar-nav .nav-link.active{
	color: #ffffff;
}


.drift3d-hero-logo{
	margin-top: 250px !important;
}