#label{

}
/* .lText{
    font-size: 1px;
    stroke: black;
    stroke-width: 1px;
} */
.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: gray;
    color: white;
    text-align: center;
  }
.footer {
    text-align: center;
    margin-top: auto;
}
svg .street {
    stroke: gray;
    stroke-width: 1px;
    fill: none;
}
svg .streetLabel {
    color: rgb(121, 94, 13);
    fill: rgb(156, 13, 44);
    font-size: 12px;
    stroke: rgb(156, 13, 44);
}
svg .pump {
    fill: rgb(220, 162, 162);
    stroke: none;
}
.YlGnBu .q0-9{fill:rgb(255,255,217)}
.YlGnBu .q1-9{fill:rgb(237,248,177)}
.YlGnBu .q2-9{fill:rgb(199,233,180)}
.YlGnBu .q3-9{fill:rgb(127,205,187)}
.YlGnBu .q4-9{fill:rgb(65,182,196)}
.YlGnBu .q5-9{fill:rgb(29,145,192)}
.YlGnBu .q6-9{fill:rgb(34,94,168)}
.YlGnBu .q7-9{fill:rgb(37,52,148)}
.YlGnBu .q8-9{fill:rgb(8,29,88)}