a:link {color: #a30000; text-decoration: none;}
a:visited {color: #a30000; text-decoration: none;}
a:hover {color: #0000ff; text-decoration: none;}
a {outline: 0; }

#textbox {position: relative; width: 1000px; max-width: 90%; margin: 2% auto 2% auto; padding: 2%;
    background-color: #b3d6f7;
   background: -webkit-linear-gradient(left, #b3d6f7 , white); 
  background: -o-linear-gradient( right, #b3d6f7 , white);
  background: -moz-linear-gradient(right, #b3d6f7 , white);
  background: linear-gradient(to right, #b3d6f7 , white);
  font-family: 'Lustria', serif; font-weight: 400; font-size: 14px; color: #000000; text-align: left; text-decoration: none; }

@media screen and (max-width: 640px){

	#textbox { margin: 0; max-width: 96% }
	          
}

#subcontent {width: 100%; padding: 5px; text-align: left;}
#colcontent {display: inline-block; width: 25%; margin: 2% 3%; vertical-align: top;}
@media screen and (max-width: 800px){

	#colcontent {display: block; width: 90%; margin: 2% auto 2% auto; padding: 0;}
	          
}

#para {width: 600px; max-width: 60%; display: inline-block; vertical-align: top; padding-top: 2%;}
@media screen and (max-width: 800px){

	#para {display: block; max-width: 90%; margin: 2%;}
	          
}

#hvideo {margin-top: 20px; width: 800px; max-width: 100%; background-color: #000000; padding-top: 10px; font-family: 'Lustria', serif; font-weight: 400; font-size: 16px; font-weight: bold; font-style: italic; color: #ffffff; text-align: center; box-shadow: 6px 6px 5px #888888; }

#titlebox {width: 100%; text-align: center;}

.nav { text-align: center; }
.nav ul { list-style: none; padding: 0px; margin: 0px;  font-weight: bold;}
.nav ul li { display: inline-block; }
.nav ul li a { display: block; margin-bottom: 5px; text-decoration: none; font-family: 'arial', sans-serif; font-weight: 600; font-size: 14px; color: #ffffff; background-color: #555555; transition: 0.4s ease background; padding: 15px 20px; border-radius: 2px; }
.nav ul li a:hover { background-color: #a30000; color: #ffffff}
	
@media all and (min-width:640px){

	.nav { display: inline-block; padding: 10px 0 0 0; }
	.nav ul li a { margin-left: 10px; padding: 5px 10px; }
          
}

#header {width: 100%; padding: 1% 2% 1% 2%; text-align: center;
   background-color: #b3d6f7;
   background: -webkit-linear-gradient(left, #b3d6f7 , white); 
  background: -o-linear-gradient( right, #b3d6f7 , white);
  background: -moz-linear-gradient(right, #b3d6f7 , white);
  background: linear-gradient(to right, #b3d6f7 , white);
}

.headercon {margin-right: 2%; margin-left: 2%; max-width: 40%; display: inline-block; } 
@media screen and (max-width: 640px){

	.headercon { max-width: 90%}
	          
}

#socialogos {width: 1000px; max-width: 100%; margin-top: 20px;}
.social {margin-right: 2%; margin-left: 2%; max-width: 40%; display: inline-block; }

#navigation {width: 1000px; max-width: 100%;}

#moviethumb {display: block; width: 420px; max-width: 100%; margin: 2% auto 2% auto;}

.pic {border-style: solid; border-width: 2px; border-color: #000000; box-shadow: 6px 6px 5px #888888; max-width: 100%}

#picon {margin: 0 2% 2% 0; float: left}
@media screen and (max-width: 640px){

	#picon { float: none; width: 640px; max-width: 100%; margin: 2% 0 2% 0;}
	          
}

.redquote {font-size: 24px; font-weight: bold; font-style: italic; color: #a30000;}

.item {margin-right: 2%; margin-bottom: 2%; display: inline-block; border-style: solid; border-width: 2px; border-color: #000000; box-shadow: 6px 6px 5px #888888; max-width: 100%}

.colimg {display: block; border-style: solid; border-width: 2px; border-color: #000000; box-shadow: 6px 6px 5px #888888; max-width: 100%; object-fit: contain;}

.movitem {margin-right: 20px; margin-bottom: 10px; float: left; border-style: solid; border-width: 2px; border-color: #000000; box-shadow: 6px 6px 5px #888888; max-width: 100%}

#footer {width: 1000px; max-width: 90%; margin-top: 2%; text-align: center; font: 9px arial; font-family: sans-serif; color: #000000;}

.image  {border: none;  max-width: 90%; }

.image100  {border: none;  max-width: 100%; }

div {margin: 0 auto; }

body { text-align: center; }

.title {font: bold 20px arial; }

@-ms-viewport {width: extend-to-zoom; zoom: 1.0; }

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}