div.splash {
	height: 800px; /* Equals maximum image height */
	width: 80%;
	text-align: center;
	margin: auto;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

@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 img {
	vertical-align: middle;
	max-height: 60%;
	max-width: 100%;
	display: block;
}