body{
  text-align:center;
/*   font-size: 0; */
  font-family: 'Roboto Mono', monospace;
  
}

.paragraph{
  font-family: 'Raleway', sans-serif;
font-size: 12pt;
}




img{
/*   opacity:0; */
/*   position:absolute; */

}

.faceImg{
  opacity:0;
}


ul {
  float:right;
  list-style-type: none;
  margin: 0;
  padding:0px;
  overflow: hidden;
  background-color: #333;
  position: fixed;
  top: 0;
  width: 100%;
   z-index:1;
}


li {
/*   float: left; */
  display:inline-block;
}
#livs{
  float:right;
}

li a {
  display: block;
  font-family: 'Roboto Mono', monospace;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover:not(.active) {
  background-color: #111;
}

.active {
/*   background-color: #4CAF50; */
  
  background-color:#D9EAD3;
  color:black;
}


#pageBody{
  text-align:center;
   font-family: 'Roboto Mono', monospace;
}

.row{
  display:flex;
/*   border:solid 2px blue; */
 justify-content:center;
}

.column{
  display:inline-block;
  padding-left:10px;
  padding-right:10px;
}

.container{
  border:solid 2px purple;
  align-items:center;
  display: flex; 
/*    display: table;
    width: 100%;
    height: 200px;
    margin: 0; */
}

/* .container > div {
    display: table-cell;
}
 */

/* .containter > * {
  min-width: 0;   /* Widths ignore the content */


 
#imgDiv{
  font-size:0px;
/*   float:left; */
  z-index:-1;
  
  /* width:500px; */
 
  
  flex: 0 0 500px;
}


#left{
/*  flex-basis:  | auto; default auto */
/*   border:solid 2px blue; */
   opacity:0; 
   flex: 1;    
}
#right{
/*   border:solid 2px green; */
   flex: 1;    
   opacity:0; 
}

#aboutLink{
  font-size:25pt;
}

.container a{
  color:black;
  text-decoration: none;
 
}

.actor{
  margin:5px;
  margin-bottom:0px;
  display:inline;
}



.cast{
/*   display:inline; */
/*   align-items:center; */
  display:flex;
  flex-wrap: wrap;
justify-content:center;
  
}

.creditsRow{
  display:flex;

  justify-content:space-around;
 
  text-align:center;
  align-self:center;
/*   border:solid 2px red; */
}

#crewRow{
   width:70%;
}

.col{
/*   border:solid blue 2px; */
}

.crew{
/*   border:solid  2px green; */
  display:flex;
  justify-content:center;
}

/* .contactRow{
  display:flex;
  align-items:center;
  width:80%;
 
} */
/* 
#contactPageBody{
  align-items:center;
  border:solid 2px green;
} */

footer{
   position: fixed;
   right: 0;
  bottom: 0;
/*   width: 100%; */
/*   background-color: red; */

  color: black;
  text-align: right;
  padding-right:10px;
  padding-bottom:5px;
  font-size:10pt;
}


.bigText{
  font-size:30pt;
}

.watchButton{

  background-color: #333; 
  color:white;
 
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  border-radius: 5px;
}

.watchButton:hover{
    background-color:#D9EAD3;
   color: black;
}

.textRow{
  
  

}

.textCol{
 
    width:80%;
  text-align: center;
    display: inline-block;
}

@media screen and (max-width: 800px) {
  #left, #imgDiv, #right {
    width:100%;
    border: solid 2px red;
  }
  .container{
    border:solid 2px purple;
  }
}