.inner-content-wrapper {
	font-size: 1.1rem;
	line-height: 1.5em;
}
h2 {
	border-bottom: solid 1px var(--blue);
	padding-bottom: 0.5rem;
}
p {
	text-align: justify;
	hyphens: auto;
}

#grid-view {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 100px;
	row-gap: 100px;
}

.grid-element.photo {
	background-size: cover;
	border: solid 1px var(--crust);
	border-radius: var(--border-radius);
	background-color: var(--mantle);
	min-height: 300px;
	background-position: 50% 50%;
}

.grid-element.span {
	grid-column: span 2;
	justify-self: center;
	max-width: 1000px;
}

#img-1 {
	background-image: url("/resources/images/about/setup-3.jpg");
}
#img-2 {
	background-image: url("/resources/images/about/setup-2.jpg");
}

@media (max-width: 1000px) {
	#grid-view {
		grid-template-columns: 1fr;
		row-gap: 30px;
	}
	.grid-element.span {
		grid-column: unset;
	}
	.grid-element.photo {
		aspect-ratio: 18 / 9;
		min-height: unset;
	}
	#img-2 {
		grid-row-start: 4;
	}
}