/* CSS Document */


#latest	{background-color: #666;	
			padding: 0 0 30px 0; 	}

p.latest	{color: #FFF;	}

.latest		{color: #fff;	}

hr.latest  {color: #fff;	}

.center		{text-align: center;		}

.titles			{ font-weight: 650; color: #cc6566;  }

#signup	{background-color: #666;	
			padding: 100px 0 30px 0; 	}

p.signup	{color: #FFF ;
			padding: 75px 0 100px 0;	
			font-size:24px; }






h1, h2, h3, h4, h5, h6		{ font-family: 'Bad Script', cursive; 	}	

h2			{color: #999;
				padding: 10px 0 20px 0;	}
h2.latest	{color: #fff;
				padding: 10px 0 20px 0;	}	

h4.latest {color: #fff;
				font-size: 16px;	}
				
#comingnext	{background-color: #666;	}					

footer span.copyright {
	line-height: 40px;
	font-family: 'Crimson Text', serif;
  text-transform: .uppercase;
	text-transform: none;
	color: #000;
}

hr {
   display: block;
   position: relative;
   padding: 0;
   margin: 30px auto;
   height: 0;
   width: 30%;
   max-height: 0;
   font-size: 1px;
   line-height: 0;
   clear: both;
   border: none;
   border-bottom: 2px solid #999;
}

hr.latest  {
   display: block;
   position: relative;
   padding: 0;
   margin: 30px auto;
   height: 0;
   width: 30%;
   max-height: 0;
   font-size: 1px;
   line-height: 0;
   clear: both;
   border: none;
   border-bottom: 2px solid #fff; }

hr.long {
   display: block;
   position: relative;
   padding: 0;
   margin: 30px auto;
   height: 0;
   width: 90%;
   max-height: 0;
   font-size: 1px;
   line-height: 0;
   clear: both;
   border: none;
   border-bottom: 2px solid #CCC;


footer {
  padding: 10px 0;
  
  text-align: center;
  background-color: #000;
}


.series		{padding-bottom: 75px;	}

header {
  position: relative;
  background-color: black;
  height: 75vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}

header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

header .container {
  position: relative;
  z-index: 2;
}

header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: blue;
  opacity: 0.5;
  z-index: 1;
}
@media (pointer: coarse) and (hover: none) {
  header {
    background: url('https://source.unsplash.com/XT5OInaElMw/1600x900') black no-repeat center center scroll;
  }
  header video {
    display: none;
  }
}