@font-face { 
 font-family: serif; src: url('');
 font-family: NaveBold; src: url('fonts/Nave%20Bold.ttf');
}

p {font-family: NaveBold; font-size: 30px; letter-spacing: 3px; color: 555555;!important;padding-top:10px;}
a {text-decoration: none;color: 555555;}
a:hover {text-decoration:none; color:ccaaff;}
h1 {font-family: serif;color:ffffff;text-align: left; font-size: 36px; text-transform: none; margin-top: 32px; line-height: 32px; margin-bottom: 20px;!important;}

#stills table {margin-left: auto; margin-right: auto;width:95%;}
#stills td {padding:5px;}
#stills p {padding: 12px 0 10px 0;margin:0;color:eeeeee;}

body {margin: 0px;background-color: 111111;}

#bg {background-color:#eddde0;}

#frame {width:960; border:10px solid #888888;margin: 0 auto 0;}

#child {width: 100%; margin:0px auto;padding-bottom: 0px; margin-top: 0px;padding-top:0px;background-color:e9dbe0;}

#laurels {margin-top:15px;;margin-bottom:35px;}
#laurels img {margin:0px;}
#laurelstop {margin-top:5px;margin-bottom: 10px}
#laurelstop img {margin:0px;}

#bgcolor {background-color:#eddde0;}
#bgcolorfooter {background-color:#eddde0;}

#nav {padding-bottom: 10px;margin-bottom: 0px;padding-top:10px;border-bottom: 1px solid rgb(126 126 126 / 25%);padding-left: 0px; width:100%;z-index:1;}
#nav img {position:relative;z-index:1;}
.nav-bg {}
.nav {padding:3 0 0 0; margin:0 0 0 0;font-size:16px;color:dddddd;position:relative;z-index:1;}
.navflag {padding:3 0 5 0; margin:0 0 0 0;font-size:1.7vw;position:relative;z-index:1;}
.nav img {vertical-align: middle;margin-left;0;position:relative;z-index:1;}
.navflag img {vertical-align: middle;margin-left;0;position:relative;z-index:1;}
.navname {font-size:40px;margin:0;position:relative;z-index:1}
.navright {padding-right:40px;padding-top:4}
.navright img:hover {opacity:0.9;}
.epk {padding:0 0 0 0}
.imdb {padding:0}
.insta {padding:0 0 0 0}

.zoom {
  padding: 0px;
  transition: transform .1s;
  width: 62px;
  height: 30px;
  margin: 0;
}

.zoom:hover {
  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); 
}

.zoomcvs {
  padding: 0px;
  transition: transform .1s;
  width: 24px;
  height: 30px;
  margin: 0 auto;
}

.zoomcvs:hover {
  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); 
}


#header {margin:0 auto 0; padding-top:0px;padding-bottom:0px;background: url(imgs/background.png);}
#header p {font-family: bauhaus_medium-webfont;font-size: 60px; letter-spacing: 3px; line-height: 50px;margin-top:0px;padding-top:20px;margin-bottom:0px;padding-bottom:20px;color: dd2222;}
#header iframe {border:0px solid white;border-radius: 1px}
#header .filmby {padding-top:5px;font-size:25px;padding-bottom:0px;margin-bottom:0px;color:eeeeee;}

.center {display: block; margin-left: auto; margin-right: auto;}

#statement {margin:0 auto 0;padding-bottom:15;padding-top:10;width:75%;}
#statement p {padding:0;letter-spacing:1px;margin:0;}
#statement .statement {font-family: sans-serif;letter-spacing:1px;}

#credits {padding-bottom:20px;}
#credits p {font-family: Avenir Next, sans-serif;font-size:1.7vw;letter-spacing:1px;margin:0;}
#credits p.details {font-size:1.6vw;margin:0;padding:5 0 0 0;}
#credits td {padding-top:30px;}
#credits td .tdtop {padding-top:0px;}
.bold {font-weight: 600;}
.boldd {font-weight: 600;font-size:1.5vw;}

#story p {font-family: Avenir Next; sans-serif;font-size:1.8vw;line-height:2.2vw;letter-spacing:1px;padding:20 0 20 0;}

#experience {padding:10 0 30 0}

#footer {width: 100%;padding-bottom: 0px;margin-bottom: 0px;}
#footer p {padding: 0px 0 0 0;margin:0;color:555555;}
#footer img {padding:20px 0 10px 0;}
#footer .logo {padding:5px 0 5px 0;}
#footer a:hover {opacity:0.9;}
#footertable {padding-bottom:40px;background-color:#eddde0;}
#footertable img {position:relative;z-index:2;background-color:#eddde0;}

#box {border-top:1px solid #444444;}

.responsive {width:100%;height: auto;}

.tdimg {vertical-align: top;}
.tdcredit {vertical-align: top;padding-left:10px;}
.tdimgtop {vertical-align: top;}
.tdcredittop {vertical-align: top;padding-left:10px;}

.column_videosX {display: inline-block;width: 86%;max-width:86%;margin: 0 0% 0px 0%;font-size: 12px;vertical-align: top;}
.column_videosX img {border: 1px solid #ffffff;position: relative;behavior: url("https://pseudobook.com/_css/PIE.php.html");/* for ie */
-moz-box-shadow: 0px 2px 4px #474747;-webkit-box-shadow: 0px 2px 4px #474747;box-shadow: 0px 2px 4px #474747;margin: 0 0 10px 0;width:95%;}

.container {position: relative; width: 100%; height: 0; padding-bottom: 56.25%;display:flex;}
.container-private {position: relative; width: 100%; height: 0; padding-bottom: 75%;display:flex;}

.video {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.parent{	position: fixed;	width: 100%; /* can be any width */
	height: 100%;	left: 0;	top: 0;	display: none;	text-align: center;}
.parent:before{ /* pseudo element to force vertical centering of child element */
	content: '';	display: inline-block;	height: 100%;	vertical-align: middle;}
.parent:after{ /* pseudo element to create overlay */
	background: black;	content: '';	position: absolute;	width: 100%;	height: 100%;	top: 0;	left: 0;	opacity: 0.5;	z-index: 10;}

/* Centered child element can be any width and height */ 
.centeredchild {	position: relative; /* position element to participate in z-indexing */	z-index: 20; /* higher z-index than overlay */	display: inline-block;	vertical-align: middle;	width: 80%; /* can be any width */
}

/* Video container to maintain Youtube 16:9 aspect ratio */ 
.videowrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.videowrapper::after {
  display: block;
  content: "";
  padding-top: 75%;
}

.videowrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Make Youtube IFRAME responsive */ 
.videowrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}