body { -webkit-text-size-adjust: none; }
.container{ width: 100%; height: 100%; cursor: pointer; }
.poster {
	background: url('./photo-poster.jpg') no-repeat center bottom;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: #fff;
	position: relative;
	border: 10px solid #efefef;
	text-align: center;
	overflow: hidden;
}

h1 {
	font-family: roboto, helvetica, sans-serif;
	font-size: 300px;
	color: white;
	opacity: 0.0;
	filter: alpha(opacity = 1);
	transition: opacity 1s 0.5s;
	-moz-transition: opacity 1s 0.5s;
	-webkit-transition: opacity 1s 0.5s;
	text-shadow: 0 0 20px #262c3c;
    filter: dropshadow(color=#262c3c, offx=0, offy=0);
}

@media screen and (max-width: 700px) {
	h1 { font-size: 200px; }
}