@charset "UTF-8";
/* CSS Document */

#map-box {
 width: 100%;
 height: 314px; 
 position: relative;
 overflow: hidden;
}

#map-canvas {
 width: 100%;
   height: 340px;
 background: #003145;
}

#map-box .overlay {
 content: "";
 display: block;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 200;
}

#map-box .overlay--right {
 left: auto;
 right: 0;
}

@media screen and (min-width: 541px) and (max-width: 880px) {
 #map-box { height: 304px; }
 #map-canvas { height: 328px; }
 #map-box .overlay { display: none; }
}

@media screen and (max-width: 540px) {
 #maps-container { display: none; } /* Map can't be shown at this screen size */
}