/*
 * WINWIN.PARTY
 * NETRO - INTERNET AGENCY, BERLIN
 * http://netro.cc/
 * EMBED: http://embedresponsively.com/
 */

html, body {
	margin:0;
	padding:0;
	min-height:100%;
}
body {
	font-family:'WINWIN', Sans-Serif;
	font-size:16px;
	color:#ffff00;
	background-color:#000;
}
p {
	line-height:110%;
}
a {
	color:#ffff00;
	text-decoration:none;
}

video {
	position:fixed;
	z-index:-1;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}

div#close {
	position:fixed;
	top:24px;
	left:24px;
}

div#trailer {
	max-width:980px;
	margin:96px auto 0;
	padding:20px;
	text-align:center;
}

.embed-container {
	position:relative;
	padding-bottom:75%;
	height:0;
	overflow:hidden;
	max-width:100%;
}
.embed-container iframe, .embed-container object, .embed-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

div#info {
	padding-bottom:64px;
	text-align:center;
}


@media (max-width: 480px) {
	body {
		font-size:16px;
	}
	video {
		display:none;
	}
}
@media (min-width: 480px) and (max-width: 720px) {
	body {
		font-size:20px;
	}
	video {
		display:none;
	}
}
@media (min-width: 720px) and (max-width: 1024px) {
	body {
		font-size:22px;
	}
	video {
		display:none;
	}
}
@media (min-width: 1024px) and (max-width: 1280px) {
	body {
		font-size:24px;
    }
}
@media (min-width: 1280px) and (max-width: 1600px) {
	body {
		font-size:26px;
	}
}
@media (min-width: 1600px) {
	body {
		font-size:26px;
	}
}