#map {
    width: 100%;
    max-width: 700px;
    min-width: 300px;
    height: 700px;
    min-height:400px;
    border: 2px solid #333;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
    margin: 20px auto;
}

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