.map-container {
    width: 100%;
    max-width: 1000px; /* Keeps it from getting too wide on desktop */
    margin: 20px auto; /* Centers it and adds space around it */
    border: 2px solid #3d4234; 
    border-radius: 8px;
    overflow: hidden; /* Keeps the map corners rounded */
}

.map-container iframe {
    display: block; /* Removes weird gaps at the bottom */
    width: 100%;    /* Forces the map to stay inside the map-container */
    height: 300px;  /* Reduced height so it doesn't drown the page */
    border: 0;
}


.contentlist {
    position: relative;
    width: 100%;
    min-height: 200px; /* Gives it a base size */
    margin-bottom: 40px; /* Pushes the footer away */
}

/* Hide content by default */
.content {
    display: none; 
    padding: 20px 0;
}

/* Show content only when active */
.content.active {
    display: block; /* Normal block behavior pushes the footer down */
}