body {
  display: block;
  margin: 0px;
}


.body {
  margin: 0;
  padding: 0;
}

.social {

  position: top; 
  align: center;
}


.video-container {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background-color: black;
  
}
.fullscreen-bg__video {
  width: 100vw;
  position: relative;
}
.video-container video {
  /* Make video to at least 100% wide and tall */
  min-width: 100%;
  min-height: 100%;
  background-color: black;

  /* Setting width & height to auto prevents the browser from stretching or squishing the video */
  width: 100vw;
  height: 100%;
  object-fit: cover;
}

.videosize {
  position: absolute;
  z-index: -100;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  object-fit: cover;
}

a {
  color: transparent;
}


.div {
  position: top center;
  float: top;
  margin-top: 10px;
  margin-bottom: auto;
 
  align-items: center;
  display: block;
}


.overlay {
  width: 100%;
  height: 100vh;
  position: top fixed;
  opacity: 50;
  top: 10 px;
  left: 0;
  background-size: 3px 3px;
  z-index: 2;
}


header {

width: 100%;
height: 20px;

}

h1 {
  text-align: center;
  color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 3;
  max-width: 400px;
  width: 100%;
  height: 50px;
 
image-rendering: auto;



}



div.logo {
  
  display: flex;
  height: 20px; 
  width: inherit;
  position: fixed;
  align-items: center;
  top: 5px; 
  left: 0;
  opacity: 1;
  margin-top: 10px;
  justify-content: center;
  image-rendering: 2dppx; 
  
  }

button { 

  background-color: transparent;
  border: none;
  opacity: 1;
  z-index: 4;      
  position: fixed;
  float: top;
  text-align: center;
  justify-content: center;
  image-resolution: 2dppx; 
    
  }
  


.navBar.clearfix {

  display: block;
  height: 100px;
  width: 100%;
  position: fixed;
  top: 25px; 
  left: 0;
  opacity: 1;
  margin-top: 25px;
  
 

}

img:hover {
  
  opacity: 0.6;
  transform: scale(0.9);
  
}

img {
  filter: drop-shadow(0 0 5px black); 
  
}




h2 {

  text-align: left;
  color: #fff;
  position: fixed;
  top: 180px;
  bottom: 0;
  left: 10px; 
  right: auto;
  margin: auto;
  z-index: 3;
  max-width: 600px;
  width: auto;
  height: auto;
  float: left;
  text-transform: uppercase;
  font-family: 'Raleway', sans-serif;
  font-weight: bolder;
  text-size-adjust: 20px;
  opacity: 1;
  transform: matrix(1, 0, 0, 1, 0, 0) 
  animation: shine 3s infinite linear
  animation-fill-mode: forwards
  -webkit-text-size-adjust: none;
}




#footer {
  position: fixed; 
  bottom: 0;
  width: 100%;
  height: 1.5rem;            /* Footer height */
font-size: 9px;
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
text color: rgb(250, 250, 250);
}



@media only screen and (max-width: 600px) {
[.nav class="navBar clearfix"] {
  width: 80%;} 
}