/* ================= HERO ================= */
.site-hero {
	position: relative;
	width: 100%;
	height: 420px;
	overflow: hidden;
	margin: 0;
}

.site-hero img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* ================= SITE INTRO ================= */
.site-intro {
	max-width: 1200px;
	margin: 40px auto;
	padding: 0 20px;
	font-size: 1rem;
	line-height: 1.6;
}

/* ================= MOBILE ================= */
@media (max-width: 768px) {
	.site-hero {
		height: 240px;
	}
}