.map { width: 680px; height: 400px; }
small { display: block; margin-top: -0.375em; margin-bottom: -0.5em; font-weight: normal; font-size: 10pt; }
h3 { padding-top: 0.5em; margin-bottom: -0.5em; }

.leaflet-control-zoom.leaflet-bar.leaflet-control > a {
    float: right;
}

.legend {
    color: #555;
    padding: 6px 8px 5px;
    font: 12px Helvetica, Arial, sans-serif;
    line-height: 16px;
    background: rgba(255, 255, 255, 0.8);
}
.legend i {
    width: 13px;
    height: 13px;
    float: left;
    margin-right: 5px;
    opacity: 0.7;
}