@charset "UTF-8";
/* CSS Document */

body {padding-top: 70px; background-color:#000; color:#fff; font-size:1.8em}
h1, h2, h3, h4, h5, h6 {color:#fff}
h1 {font-family: 'Roboto Mono'; font-weight:700; font-style:italic; letter-spacing:4px; font-size:4em; border-bottom:1px solid red; padding-bottom:10px}
h2 {font-family: 'Roboto Mono'; font-weight:400; font-style:italic; letter-spacing:4px; font-size:3em; border-bottom:1px solid red; padding-bottom:18px; margin-bottom:25px}
.poster {max-width:50%; margin-bottom:50px;}
.landscape {max-width:85%;}
.bod {padding:0 10%;}
#myCarousel {margin-top:100px}
.carousel-inner img {margin: auto;}
.bottom-link a {color: red !important;}
.bottom-link a:hover {color: red !important;}
.footnote {color:#fff; font-size:12px;}
.footnote a {color:#fff;}
.ano span{background-color:red; color:#fff !important; padding:1px 4px; font-size:1em; font-style:italic;}
.ano a {color: #000; text-decoration:underline;}

@media screen and (max-width: 480px) {
    body {font-size:2.4vmax}
	.poster {max-width:90%}
	.landscape {max-width:95%}
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	border:solid 1px red
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}