/* Section styles */
.contact-intro,
.contact-info {
    margin-bottom: 0px;
}

/* Headers */
.contact-intro h1,
.contact-info h2 {
    font-size: 2.2em;
    border-bottom: 1px solid #444;
    padding-bottom: 10px;
    margin-bottom: 5px;
}



/* Make the map responsive */
.map-container {
    position: relative;
    width: 100%;
    padding-bottom: 70%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.5);
    margin-bottom: 40px;
}

.map-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}