/*
 * CONTACT — Hero
 */

.hero--contact {
	min-height: 480px;
	background-image:
		linear-gradient(90deg, rgba(255,255,255,0.88) 0%, rgba(255,255,255,0.6) 45%, rgba(255,255,255,0.1) 100%),
		url('https://images.unsplash.com/photo-1573497019940-1c28c88b4f3e?auto=format&fit=crop&w=1800&q=80');
	background-size: cover;
	background-position: center;
}

.hero--contact h1 {
	font-size: clamp(48px, 7vw, 96px);
	margin-bottom: 24px;
}

.hero--contact p {
	max-width: 800px;
	margin-bottom: 0;
}

@media (max-width: 968px) {
	.hero--contact { min-height: 380px; }
}

@media (max-width: 540px) {
	.hero--contact { min-height: 320px; }
	.hero--contact h1 { font-size: 48px; }
}