div.splash {
	height: 800px; /* Equals maximum image height */
	width: 80%;
	white-space: nowrap;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 767px) {
	div.splash {
		height: 640px; /* Equals maximum image height */
	}
}

@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
	div.splash {
		height: 340px; /* Equals maximum image height */
	}
}

div.splash:before,
div.splash_before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

div.splash img {
	vertical-align: middle;
	max-height: 60%;
	max-width: 100%;
}