* {max-width:100%;text-align:center;border: transparent 1px solid;text-align:center;}
body {background: #f5f5f5; }
a:hover { text-decoration: underline;}

.hero {
width:100%;
height:90vh;
position:relative;
padding:0 2%;
display:flex;
align-items:center; 
justify-content:center;
}
nav{bottom: .1rem;display:flex;align-items:center;justify-content: space-between;z-index:10;}
nav ul li{list-style:none;display:inline-block;}

nav a{color:white !important;}

.back-video {position:absolute;right:0;bottom:0;max-width:99%;z-index:-1;}

@media (min-aspect-ratio: 16/9){
.back-video{max-width:100%;height:auto;}
}

@media (max-aspect-ratio: 16/9){
.back-video{width:auto;max-height:100%;}
}
#myVideo {max-width:80%;}

/* Add some content at the bottom of the video/page */
.content {
  position: fixed;
  bottom: 0;
  background: black;
  color: white;
  width: 100%;
  padding: 2px;
}