/* HERO */
section#hero.hero {
	min-height: 42vh;
	padding: var(--spacing-xl) 0;
}

.hero-text {
    text-align: center;
	color: var(--c-white);
	font-size: 4rem;
	text-shadow: 0 var(--spacing-xxs) var(--spacing-s) var(--c-black);
    position: relative;
}

/* SERVICES */
section.options .section-content {
	grid-gap: var(--spacing-s);
	grid-template-columns: repeat(3, 1fr);
}

section.options .option {
	grid-gap: var(--spacing-xs);
	padding: var(--spacing-l);
	text-align: center;
}

section.options .option img {
	margin: 0 auto var(--spacing-m);
	max-width: 60%;
}

/* CONTACT */
section#contact .eos-container {
	align-items: flex-start;
	grid-template-columns: 1fr 1fr;
}

form#contact {
	display: grid;
	grid-gap: var(--spacing-s);
	grid-template-columns: 1fr;
}

.eos-input {
	--bg-colour: var(--c-purple-500);
}

/* MEDIA QUERIES */
@media screen and (max-width: 720px) {
	.hero-text br {
		display: none;
	}
	section.options .section-header {
		text-align: center;
	}
	section.options .section-header .section-underline {
		margin-left: auto;
		margin-right: auto;
	}
	section.options .section-content {
		grid-template-columns: 1fr;
	}
	section#contact .eos-container {
		grid-template-columns: 1fr;
	}
}

@media (prefers-reduced-motion: reduce) {
	.hero-img {
		transform: perspective(0) !important;
	}
}