.about .section-booking {position: relative; background-color: var(--color-primary);}

.about .section-booking .imageBg {
	position: absolute; inset: auto 0 0 0; height: 20rem;
	background-color: var(--color-primary-dark); background-size: cover; background-position: center;
}

.about .section-booking .pageRow {position: relative; z-index: 1; padding: 3rem 1.5rem 6rem;}

.about .section-booking .panel {
	max-width: 78.5rem; margin: 0 auto; padding: 2.5rem 1.5rem;
	border-radius: .75rem; background-color: #fff; text-align: center;
}

.about .section-booking .content h2 {
	line-height: 1.2; font-family: var(--font-heading); font-size: 1.7rem; font-weight: 300;
	letter-spacing: .08em; text-transform: uppercase; color: var(--color-primary);
}
.about .section-booking .content h3 {margin-top: .35rem; font-size: 1rem; font-weight: 400; color: var(--color-primary-light);}
.about .section-booking .content p {margin-top: 1rem; line-height: 1.8; font-size: .9rem; color: var(--color-primary-light);}

.about .section-booking .booking-order {margin-top: 2rem;}

@media screen and (min-width: 40em) {
	.about .section-booking .imageBg {height: 41.25rem;} /* design: exactly 660px */
	.about .section-booking .pageRow {padding: 6rem 3rem 11.75rem;}

	.about .section-booking .panel {padding: 4rem;}

	.about .section-booking .content h2 {font-size: 2.5rem;}
	.about .section-booking .content h3 {font-size: 1.2rem;}
	.about .section-booking .content p {font-size: 1rem; max-width: 42rem; margin-left: auto; margin-right: auto;}
}