@font-face { font-family: poster-cut-neue; src: url('https://videoeditor.link/fonts/poster-cut-neue.otf'); } @font-face { font-family: 'poster-cut-neue'; src: url('https://videoeditor.link/fonts/poster-cut-neue.woff2') format('woff2'), url('https://videoeditor.link/fonts/poster-cut-neue.woff') format('woff'); src: url('https://videoeditor.link/fonts/poster-cut-neue.eot'); src: url('https://videoeditor.link/fonts/poster-cut-neue.eot#iefix') format('embedded-opentype'), url('https://videoeditor.link/fonts/poster-cut-neue.ttf') format('truetype'), url('https://videoeditor.link/fonts/poster-cut-neue.ttf') format('svg'); } @font-face { font-family: poster-cut-neue; src: url('https://videoeditor.link/fonts/poster-cut-neue.otf'); } p {font-family: "poster-cut-neue", sans-serif; font-size: 30px; letter-spacing: 3px; color: ffffff; line-height: 30px;!important;padding-top:10px;} a {text-decoration: none;color: ffffff;} a:hover {text-decoration:none; color:ccaaff;} h1 {font-family: "poster-cut-neue";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;} #box td img { width: 90%; max-width: 250px; /* Adjust as needed */ height: auto; } body {margin: 0px;background-color: 111111;} #bg {background: url("imgs/DDD_webbackgroundx.jpg") no-repeat fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #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:78px;} #child-private {width: 100%; margin:0px auto;padding-bottom: 0px; margin-top: 0px;padding-top: 0px;} #laurels {margin-top:10px;;margin-bottom:15px;} #laurels img {margin:0px;} #laurelstop {margin-top:5px;margin-bottom: 10px} #laurelstop img {margin:0px;} #nav {padding-bottom: 10px;margin-bottom: 0px;padding-top:10px;border-bottom: 1px solid rgb(126 126 126 / 25%);padding-left: 20px; width:100%; position:fixed;z-index:1;} #nav-private {padding-bottom: 10px;margin-bottom: 0px;padding-top:10px;border-bottom: 1px solid rgb(126 126 126 / 25%);padding-left: 20px; width:100%;z-index:1;} .nav-bg {background: url(imgs/background.png); background-repeat: repeat;opacity:0.4;position: absolute;top: 0;right: 0;bottom: 0;left: 0;} .nav-bg-private {background: url(imgs/background.png); background-repeat: repeat;top: 0;right: 0;bottom: 0;left: 0;} #nav img {position:relative;z-index:1;} .nav {padding:3 0 0 0; margin:0 0 0 0;font-size:16px;color:dddddd;position:relative;z-index:1;} .nav img {vertical-align: middle;margin-left;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 6 3 3} .insta {padding:0 0 0 0} #header {margin:0 auto 0; padding-top:0px;padding-bottom:0px;} #header p {font-family: poster-cut-neue;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 {padding-bottom:30;padding-top:10;} #statement p {padding:0 50 0 50;line-height: 135%;letter-spacing:3px;} #statement .statement {font-family: sans-serif;letter-spacing:1px;} #footer {width: 100%;background-color: 111111;padding-bottom: 40px;margin-bottom: 0px;} #footer p {padding: 0px 0 0 0;margin:0;color:eeeeee;} #footer img {padding:20px 0 10px 0;} #footer .logo {padding:5px 0 5px 0;} #footer a:hover {opacity:0.9;} #box {border-top:1px solid #444444;} #bordered {border-top:1px solid #444444;border-bottom:1px solid #444444;} .column_videosX {display: inline-block;width: 100%;max-width:100%;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: 75%;margin-top:13px;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%;}