*{
margin:0;
padding:0;
}
body{
 background-color: white;
 color: black;
 font-family: "Oswald";
 /*background: url('../media/IMG_6405.JPG');
  background-size: cover;
  background-repeat: no-repeat;*/
}
/*a:link {
  text-decoration: none;
}*/
#behindtop{
 position: absolute;
 z-index: -1;
 width: 100%;
 height: 20%;
 background-color: black;
}
#top{
 width: 100%;
 text-align: center;
 z-index: 0;
}	
#topband{
 background-color: black;
}
#center{
 margin-top: 100px;
 display: flex;
 justify-content: center;
 align-items: center;

 text-align: center;
 font-size: 20pt;
 z-index: 0;
}
#imageBG{
 position: fixed;
 z-index: -2;
 left: 0px;
}	
.iframes{
  width : 700px;
}
.videotitle{
 background-color: rgba(255,255,255,0.7);
}
.videotitleH2{
  padding : 10px;
  font-size: 100%;
}
.videospacer{
 height : 50px;
}
.imgVideoContainer2{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
  transition: .2s ease;
}
.imgVideoContainer2:hover{
  opacity: 0.8;
}

@keyframes opacityRamp {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.opacityRampOrder{
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-name: opacityRamp;
}

@media (min-aspect-ratio: 16/9){
 #imageBG{
  width: 100%;
  height: auto;
 }
}
@media (max-aspect-ratio: 16/9){
 #imageBG{
  width: auto;
  height: 100%;
 }
}
@media (max-width: 767px){
  .iframes{
    width : 400px;
    height: auto;
  }
  /*body{
   background: url('../media/IMG_6405_vert.jpg');
   background-size: cover;
   background-repeat: no-repeat;
  }*/
  .tdband{
    font-size: 75%;
  }
  #currentTD{
     font-size: 150%;
  }
  .imgVideoContainer2{
    width: 100%;
  }
}
@media (max-width: 399px){
   .iframes{
    width : 300px;
    height: auto;
  }
}