
#background-video {
  height: 100%;
  width: 100%;
  max-height:700px;
  object-fit: cover;
  position: relative;
  left: 0;
  right: 0;
  top: 0em;
  bottom: 0;
  z-index: -1;
}

@media () {
    #background-video { display: none; }
    body {
      background: url("fuji_small.mp4") no-repeat;
    }
    
}


.navtext {
    font-size: 18px;
    font-weight: 200;
    text-decoration:none;
    a:hover {text-decoration: underline; color:navy;}
}


.navtext .navcolor {
    color: navy;
    margin-right:50px;
}




.hero-text {

  position: absolute;
  /*transform: translate(-70%, -30%);*/
  top: 10%;
  left: 0%;
  min-height:20%;
  max-width:600px;
  z-index: -1;
  font-size:30px;
  color:white;
  text-align:left;
  /*background-color:white;*/
}
      
.footer {
    position: relative;
    top:0px;
    
}

.footer_novideo {
    position: relative;
    top:50px;
    
}

ul#footer_list li {
  display:inline;
  margin-right:30px;
  
}

.footer a {
    text-decoration:none;
    hover: text-decoration: underline;
}

.footer a:hover {
    text-decoration: underline; 
    color:navy;
}

.test_box {
    position: relative;
    transform: translate(40px, 70px);
    width:300px;
    height:300px;
    background-color: purple;
    z-index: -1;
  }
    
}
