* { font-family: helvetica, arial; }

body { color: white; }

#gradient-overlay {
	background: linear-gradient(
		to bottom,
		rgba(0, 0, 255, 1),
		transparent
	);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

h1 {
	font-family: zapfino;
	font-weight: normal;
	text-align: center;
}

#poster-container { text-align: center; }

h2 { text-align: center; }

#logo-container { text-align: center; }

@media only screen and (orientation: landscape) {
	body { margin: 0 20% 0 20%; }
	h1 { font-size: 90px; }
	#poster-container { margin-bottom: 60px; }
	#poster { width: 150px; }
	#infoline { font-size: 30px; }
	h2 { font-size: 30px; margin-top: 90px; }
	#logo-container { margin: 90px 0 30px 0; }
	#logo { width: 75px; }
}

@media only screen and (orientation: portrait) {
	body { margin: 0 10% 0 10%; }
	h1 { font-size: 180px; }
	#poster-container { margin-bottom: 120px; }
	#poster { width: 200px; }
	#infoline { font-size: 60px; }
	h2 { font-size: 60px; margin-top: 180px; }
	#logo-container { margin: 180px 0 60px 0; }
	#logo { width: 150px; }
}

@font-face {
	font-family: zapfino;
	src: url("zapfino.otf") format("opentype");
}