/* ********** main ********** */

/* Section .banner */

section.banner {
	min-height: 40vh;
	padding: 3% 20% 3% 3%;

	display: flex;
	gap: 15px;
	flex-direction: column;
	justify-content: center;

	background: #bebebe url('../images/landing-page-banner.jpg') no-repeat center;
	background-size: cover;
	color: white;
	border-radius: 20px;
}

section.banner h1 {
	color: white;
}

section.banner p {
	font-size: 1.25rem;
	line-height: 1.2;
}

section.banner .button {
	margin-top: 20px;
}

section.banner .button a {
	font-size: 1.25rem;
}

/* Section .highlights */

section.highlights .card {
	max-width: 300px;
	margin: 40px auto;
	padding: 15px;
	text-align: center;
}

section.highlights .card p {
	margin-bottom: 20px;
	text-align: left;
}

/* ********** Media Queries ********** */

@media screen and (min-width: 768px) {
	section.banner {
		min-height: 50vh;
	}

	section.highlights {
		display: flex;
		gap: 20px;
		flex-wrap: wrap;
	}
}

@media screen and (min-width: 992px) {
	section.highlights {
		flex-wrap: nowrap;
	}

	section.highlights .card {
		flex: 1;
	}
}