/* blackdiamondevents.com -- splash/placeholder */

* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { height: 100%; background: #000; }
body {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5vh 6vw;
}

/* Deliberate max-width so the card reads as a placed object on a wide
   desktop monitor instead of stretching edge-to-edge -- the failure mode
   of a bare <img style="max-width/max-height:100%"> in a flex box. */
#stage {
	width: 100%;
	max-width: 900px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#stage img {
	width: 100%;
	height: auto;
	max-height: 90vh;   /* keeps a short landscape-mobile viewport from ever
	                       clipping the top/bottom of the card */
	object-fit: contain;
	display: block;
}

@media (max-width: 600px) {
	body { padding: 6vh 5vw; }
}