/* ==========================================================================
   Contact – templates/page-epikoinonia.php (Figma 316:8539 / mobile 316:8742)
   ========================================================================== */

.be_contact-head {
	display: flex;
	flex-direction: column;
	gap: calc(50 * var(--u));
	padding-top: calc(50 * var(--u));
	padding-bottom: 0;
}

/* The band sits on the page gradient here (no blue ground), title words in gold. */
.be_contact-band--page {
	background: transparent;
	padding-top: calc(60 * var(--u));
	padding-bottom: calc(50 * var(--u));
}

.be_contact-map {
	padding-top: 0;
}

.be_contact-map iframe {
	width: 100%;
	height: calc(556 * var(--u));
	border: 0;
}

@media (max-width: 700px) {
	.be_contact-head {
		gap: 24px;
		padding-top: 24px;
	}

	.be_contact-band--page {
		padding-top: 32px;
	}

	.be_contact-map iframe {
		height: 360px;
	}
}