.dr1013map {
	padding: 2rem 1rem;
	background-color: #fff8f1; /* soft chocolate background */
	font-family: 'Segoe UI', sans-serif;
}

.dr1013map .map-section {
	text-align: center;
	margin: 2rem auto;
	max-width: 960px; /* keeps container from growing too wide */
}

.dr1013map .map-label {
	font-size: 1.8rem;
	font-weight: bold;
	color: #5c3a21; /* rich chocolate brown */
	margin-bottom: 1rem;
}

.dr1013map .map-container {
	max-width: 100%;
	border-radius: 16px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

/* The iframe itself — key for responsive sizing */
.dr1013map .map-frame {
	width: 100%; /* makes iframe fill container width */
	height: 400px; /* fixed height for visibility */
	border: 0;
	display: block;
}

/* Responsive adjustments */
@media ( max-width : 768px) {
	.dr1013map .map-frame {
		height: 300px;
	}
}

@media ( max-width : 480px) {
	.dr1013map .map-frame {
		height: 250px;
	}
	.dr1013map .map-label {
		font-size: 1.4rem;
	}
}