/* pilates-history ============================================== */

section#back {
	width: 100%;
	/*height: 100%;*/
	aspect-ratio: 2.3;
	position: absolute;
	z-index: -1;
}

section#back > div:nth-child(1) {
	width: 100%;
	height: 80%;
	background-color: rgb(237, 237, 237);
}
section#back > div:nth-child(2) {
	width: 100%;
	height: 20%;
	background-color: #aec600;
}

main#pilates-history {
	width: 100%;
	max-width: 960px;
}

main#pilates-history img {
	display: block;
	border: white solid 10px;
	width: 100%;
	box-shadow: 0px 1px 20px 0px rgba(0,0,0,0.5);
	margin-bottom: 1rem;
}

main#pilates-history h1 {
	margin-top: 80px;
	color: #7a7a7a;
	font-size: 61px;
	font-weight: 100;
	line-height: 1.9em;
	text-align: center;
}

main#pilates-history > section {
	margin: 4rem 0;
	display: flex;
	gap: 4%;
}

main#pilates-history > section div {
	width: 48%;
}

main#pilates-history > section div p {
	margin-bottom: 1.6em;
	color: rgb(58, 58, 58);
}

/* media queries ------------------------- */
/* sizes 480, 540, 600, 640, 720, 768, 800, 960  */
@media screen and (max-width: 1200px) {
	main#pilates-history {
		padding: 0 2%;
	}
}
@media screen and (max-width: 800px) {
	main#pilates-history > section {
		flex-wrap: wrap;
	}
	main#pilates-history > section:nth-child(2) {
		flex-direction: row-reverse;
	}
	main#pilates-history > section div {
		width: 100%;
	}
	section#back {
		height: 100%;
		aspect-ratio: unset;
	}
	main#pilates-history h1 {
		margin-top: 20px;
		font-size: 55px;
		line-height: unset;
	}
}