main {
	width: 75%;
	max-width: 960px;
	margin-bottom: 6rem;
}
@media screen and (max-width: 700px) {
	main {
		width: calc(100% - 3rem);
	}
}

h1 {
	margin-top: 3rem;
	font-weight: 900;
	font-size: 3rem;
	text-align: center;
	width: 75%;
	max-width: 960px;
}
h2 {
	font-weight: 600;
	margin-top: 2rem;
	margin-bottom: 1rem;
}
h3 {
	text-align: center;
	font-family: "Inria Serif", serif;
	color: var(--brown);
	font-size: 1.5rem;
	margin-bottom: 1rem;
	margin-top: 0.5rem;
}
@media screen and (max-width: 648px) {
	h1 {
		font-size: 2rem;
		margin-top: 1rem;
	}
	h2 {
		font-size: 1.2rem;
	}
	h3 {
		font-size: 1.2rem;
	}
}

.img-container {
	display: flex;
	justify-content: center;
	margin-top: 2rem;
	width: 100%;
	height: calc(75vw * 0.6666);
	max-height: 640px;
	border-radius: 8px;
	overflow: hidden;
}
.img-container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.banner {
	display: block;
	width: 65%;
	min-width: 325px;
	margin: 0 auto;
	margin-top: 4rem;
}
@media screen and (max-width: 390px) {
	.banner {
		width: 100%;
		min-width: 0;
	}
}