html,
body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	background: url(landing.png) no-repeat top left fixed;
	background-size: cover;
}

/* Phones and portrait tablets: portrait artwork. Browsers only download the
   image whose media query matches, so desktop never fetches the mobile file. */
@media (orientation: portrait) and (max-width: 1024px) {
	body {
		background: url(landing-mobile.png) no-repeat top center fixed;
		background-size: cover;
		/* iOS Safari ignores "fixed" and mis-sizes "cover" with it. */
		background-attachment: scroll;
	}
}