body
{
    padding: 0;
    margin: 0;

 
}
@media (min-height<=1000)
{
    #map { height: 800px;}

}

#map { height: 600px;}

.legend 
{
    
    padding: 6px 8px;
    background-color: rgba(255,255,255,0.8);
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    border-radius: 5px;
}
.legend i
{
    width: 18px;
    height: 18px;
    float:left;
    margin-right: 8px;
    opacity: 0.7;

}