h1{
  font-size: 17px;
  color:black;
  text-shadow: 1px 1px red;
  bottom: 0;
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  flex-wrap: wrap-reverse;
  justify-content: flex-end;
}

#header{
    border: 4px solid black;
    background-color: red;
    padding: 0px 0px;
    text-align:justify;
    opacity: 0.9;
}

#headerDiv{
  border: 2px solid black;
  text-align: center;
  padding: 0px 0px;
  color: white;
  text-shadow: 3px 2px black;
  background-color: red; 
  font-size: 50px;
  font-family: "Courier New", Courier, Monospace;
}

#top_row_horiz_spacer{
width: 10%;
}

#bottom_row_horiz_spacer{
width: 40%;
}

#iframeContainer{
    border: red;
 background-color: grey;
 width: 80%; 
 height: 550px;
 top:0;
 left:0;
 right:0;
 bottom:0;
}

.videoDem{
    top:0;
    left:0;
    width:100%;
    height:inherit;
}

.textContainer{
  position: relative;
  text-align: center;
  color: black;
}

.top-left {
  z-index: 1;
  position: absolute;
  top: 8px;
  left: 16px;
  color:white;
}

#ControllerContainer{
 background-color: rgba(0,0,0,0.7);
 width: 50px; 
 height: 150px;
 border: 1;
 border: 4px solid #ff3333;
 margin: auto;
}

#buttonBackground{
 background-color: #ffff99;
 border: 4px solid #ff3333;
}

#buttonBackground:active{
 background-color:#32cd32;
}

#controllerTable{
 position: above;
 margin: auto;
 table-layout: fixed;
 z-index: 1;
 opacity:1;
}

iframe{
 height: inherit;
 width : inherit;   
}

#centerImage{ 
padding-bottom: -1px;
padding-top: 1px;
margin-bottom:-1px;
 padding-left: 4px;
  height: 66px;
 width : 66px; 
}