body { font-size: 14px; background-color: #000; color: #eee; font-weight: 300; }
div.frame { width: 100%; height: 100%; display: flex; flex-direction: column; flex-flow: wrap; align-items: center; justify-content: flex-start !important; text-align: center; font-size: 24px; font-family: Helvetica, 'Oswald', sans-serif; overflow: visible; }
div.text { width: 100%; max-width: 800px; height: auto; float: left; }
h1 { font-size: 1.4em; font-weight: 500; margin: 0; }
h2 { font-size: 1.2em !important; line-height: 1.2em !important; font-weight: 500; margin: 50px 0 30px !important; }
p { font-size: 1em; line-height: 1.4em !important; font-weight: 300; margin: 0; }
img { padding: 40px 15px; width: 100%; max-width: 800px; }
a { color: #999; text-decoration: none; border-bottom: 1px solid #444; }
a:hover { color: #fff; border-color: #fff; }
nav a { font-size: 1em; border-bottom: none !important; }

.video-responsive{
	overflow:hidden;
	padding-bottom:56.25%;
	position:relative;
	height:0;
}
.video-responsive iframe{
	left:0;
	top:0;
	height:100%;
	width:100%;
	position:absolute;
}

@media only screen and (min-width: 768px) {
	div.frame { width: 100vw; height: 100vh; font-size: 36px; }
	p { font-size: 1em; line-height: 1.3em; font-weight: 300; }
}