body, html, table, table td {width:100%; height:100%; margin:0; padding:0;}
body {font-size:28px; font-family:"Courier New", Courier, monospace; color:#fff; background:#000 url(BoersonsFilm.png) center center no-repeat}
table td {text-align:center; vertical-align:middle}
#layer1, #layer2, #layer3 {position:absolute; width:100%; height:100%; background-color:#000;}
#layer2, #layer3 {visibility:hidden}
#logo {width:250px}
#info {position:absolute; bottom:0; left:0; width:100%; height:20px; font-size:16px; line-height:20px; text-align:center; visibility:hidden}
/* For devices 600px and larger: */
@media only screen and (min-width: 600px) {
    body {font-size:42px;}
	#logo {width:350px}
	#info {height:22px; font-size:18px; line-height:22px;}
}

/* For devices 1024px and larger: */
@media only screen and (min-width: 1024px) {
    body {font-size:54px;}
	#logo {width:500px}
	#info {height:24px; font-size:20px; line-height:24px;}
}