#map { 
    height: 300px; 
    width:100%;
    }
    
.half{
    width:50%;
    padding:0;
    margin:0;
    float:left;
    }
    
#map-key{
    width:250px;
}

#map-key img{
    width:100%;
}

#map-key figcaption{
    font-style: italic;
    color:#666666;
    font-size: .75em;
    font-family: Helvetica, sans-serif;
}

.map-top{
    min-height:600px;
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-device-width: 500px){
    .half, .map-top, #map-key{
        width:100%;
    }
}