body,
html {
	height: 100%;
	margin: 0;
}

#page-wrapper {
	min-height: 100vh;

	display: flex;
	flex-direction: column;
}
.content {
	margin-top: 20px;
}
/* map section fills remaining space */
.map-section {
	flex: 1;

	display: flex;
	padding: 20px;
}

/* actual map */
.map-container {
	flex: 1;

	border-radius: 16px;
	overflow: hidden;

	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

/* iframe fills everything */
.map-container iframe {
	width: 100%;
	height: 100%;
	border: 0;
}
.location-info {
	max-width: 900px;
	margin: auto;
	line-height: 1.8;
	font-size: 1.05rem;
}

.location-info p {
	margin-bottom: 1.2rem;
}