body {
     margin: 0;
     color: #606F7B;
     padding: 0;
     background-color: #F1F5F8;
     font-family: 'Lato', serif;
}
 html, body {
     height: 100%;
}
 h1 {
     margin-top: 4px;
     padding: 10px;
}
 h2 {
     margin-top: 0px;
     color: #B84E14;
     font-weight: 100;
}

#map {
  height: 100%;
  margin-right: -15px;
  background-color: #2d3748;
}
.legend {
    line-height: 18px;
    color: #555;
    background: white;
}
.legend i {
    width: 18px;
    height: 18px;
    float: left;
    margin-right: 8px;
    opacity: 0.1;
}
.hdash-bottom {
    padding-bottom: 10px;
    border-bottom: 2px dashed red;    

}
.hline-bottom {
    padding-bottom: 10px;
    border-bottom: 1px solid blue;
                 
}