#content {
	row-gap: 2rem;
}

#content img {
	border-radius: 25px;
}

main .page-title {
	white-space: wrap;

	word-break: break-word;
}

.image {
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: center;

	row-gap: 0.75rem;

	width: 23rem;
}

.image img {
	min-height: 0;
}

#introduction-section {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: start;

	column-gap: 10vw;
}

#introduction-section .image .image-container {
	height: 20rem;
	width: 20rem;
}

#introduction-section .image .image-container img {
	height: 100%;
	width: 100%;
}

#introduction {
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: center;
}

#introduction .page-title
{
	font-size: 3rem;
	color: black;
}

#introduction-text {
	text-align: center;
}

#main-description {
	width: 100%;
}

#description-images {
	width: 100%;

	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;

	gap: 10vw;
}

#description-images .image {
	flex: 1;

	width: min-content;
}

#description-quote {
	font-size: 2rem;

	text-align: center;

	white-space: wrap;

	word-break: break-word;
}

@media screen and (width < 1140px) {
	#introduction-section {
		align-items: center;
		flex-flow: column nowrap;

		row-gap: 1rem;
	}

	#introduction-section .image {
		flex: 1;
	}

	#description-images {
		flex-flow: column nowrap;

		row-gap: 1rem;
	}

	#description-images .image {
		width: 100%;
	}
}