#map {
    width: 100%;
    height: 400px; /* adjust height as needed */
    max-width: 1200px;
    margin: 0 auto;
    border-radius: 8px;
}

@media (max-width: 768px) {
    #map {
        height: 300px;
    }
}