:root {
	--column-spacer: 2rem;
}

section#title-section {
	background-image: url("/img/quality-assurance/QA-me-banner.jpg");
}

section div.section-wrapper {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

section#title-section div.main-info {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

section#title-section h2 {
	text-align: center;
}

section .section-paragraph {
	margin-bottom: 1rem;
}

section .text-container-1 .section-img-container {
	float: left;
	margin-right: 1rem;
	margin-bottom: 1rem;

	width: 40%;
}

section .section-img-container img {
	width: 100%;
}

section .text-container-2 .section-img-container {
	float: right;
	margin-left: 2rem;
	margin-bottom: 1rem;

	width: 25%;
}

section .seals-container {
	display: flex;
	align-items: center;
	gap: 1rem;

	margin-top: 1rem;
}

@media screen and (max-width: 1299px) {
	section#title-section {
		/* background-size: 100% clamp(300px, 35vh, 450px); */
	}
}

@media screen and (max-width: 900px) {
	section .text-container-2 .section-img-container {
		width: 35%;
	}
}

@media screen and (min-width: 769px) {
	section#title-section div#title-contents-container img {
		width: clamp(500px, 60vw, 1000px);
		min-height: calc(clamp(500px, 60vw, 1000px) * (738 / 1600));
	}
}

@media screen and (max-width: 768px) {
	section#title-section div#title-contents-container h1 {
		font-size: 2rem !important;
		text-align: center;
	}

	section .text-container-1 .section-img-container {
		width: 100%;

		display: flex;
		justify-content: center;
	}

	section .text-container-1 .section-img-container img {
		width: 65%;
	}

	section .text-container-2 .section-img-container {
		width: 100%;

		display: flex;
		justify-content: center;
	}

	section .text-container-2 .section-img-container img {
		width: 65%;
	}

	section .seals-container {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	section .seals-container .img-paragraph {
		grid-column: 1 / -1;
	}
}

@media screen and (max-width: 540px) {
	section .text-container-1 .section-img-container img {
		width: 100%;
	}

	section#title-section {
		background-image: url("/img/quality-assurance/QA-ME_mobile.jpg");
	}
}