* {
	font-family: Quicksand;
	color: #fff;
}

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

html {
	min-height: 100vh;
	height: 100dvh;
	/* fix for iOS Safari 15+ */
	background: center url("../img/bkg-mc.jpg");
	background-size: cover;
	background-color: #0d2558;
	/* fallback to avoid white gap */
}

body {
	padding: 0 1rem;
	display: grid;
	place-items: center;
}

#content {
	text-align: center;
}

.teaser {
	margin: 0;
	font-size: clamp(1.25rem, 2vw + 1rem, 3rem);
	font-weight: 300;
	line-height: 1;
	opacity: 0.7;
}

.machine-city {
	margin: 0.5rem 0 1rem 0;
}

.machine-city img {
	width: 90vw;
	max-width: 1200px;
}

.subhead {
	font-size: clamp(1.25rem, 2vw + 1rem, 3rem);
	font-weight: 300;
	line-height: 1;
	opacity: 0.7;
}

.links {
	margin-top: 4rem;
	font-size: 0.85rem;
}

.links i {
	font-size: clamp(1.75rem, 2vw + 1rem, 3rem);
	padding: 0 0.5em;
	opacity: 0.6;
	transition: opacity 300ms ease;
}

.links i:hover {
	opacity: 1;
}

p {
	margin: 0;
}

a {
	color: #fff;
}