div.map-and-legend {
  position:relative;
}
div#map {
  height: 700px;
  border: 1px solid #AAA;
}
div#legend {
  position:absolute;
  bottom:20px; right:20px;
  width: 300px;
  padding: 10px;
  z-index: 999;

  font-size:0.75em;
  font-family:sans-serif;

  border-radius: 3px;
  background-color: white;
  box-shadow: 0 1px 2px rgba(0,0,0,0.10);
}
#legend>div.labels>span,
#legend>div.bars>span {
  display: block;
  float: left;
  height: 15px;
  width: 6.25%;
  text-align: center;
  font-size: 9px;
  color: #808080;
}

/*LV this is where I changed the legend colors*/
/*
#legend>div.bars>span:nth-child(1) { background-color:#1a9641; }
#legend>div.bars>span:nth-child(2) { background-color:#3fa74b; }
#legend>div.bars>span:nth-child(3) { background-color:#64b956; }
#legend>div.bars>span:nth-child(4) { background-color:#89cb61; }
#legend>div.bars>span:nth-child(5) { background-color:#abdb6f; }
#legend>div.bars>span:nth-child(6) { background-color:#c3e586; }
#legend>div.bars>span:nth-child(7) { background-color:#dbef9d; }
#legend>div.bars>span:nth-child(8) { background-color:#f3f9b4; }
#legend>div.bars>span:nth-child(9) { background-color:#fef4b3; }
#legend>div.bars>span:nth-child(10) { background-color:#fede9a; }
#legend>div.bars>span:nth-child(11) { background-color:#fdc980; }
#legend>div.bars>span:nth-child(12) { background-color:#fdb367; }
#legend>div.bars>span:nth-child(13) { background-color:#f59053; }
#legend>div.bars>span:nth-child(14) { background-color:#eb6840; }
#legend>div.bars>span:nth-child(15) { background-color:#e1402e; }
#legend>div.bars>span:nth-child(16) { background-color:#d7191c; }
*/
#legend>div.bars>span:nth-child(1) { background-color:#d7191c; }
#legend>div.bars>span:nth-child(2) { background-color:#e1402e; }
#legend>div.bars>span:nth-child(3) { background-color:#eb6840; }
#legend>div.bars>span:nth-child(4) { background-color:#f59053; }
#legend>div.bars>span:nth-child(5) { background-color:#fdb367; }
#legend>div.bars>span:nth-child(6) { background-color:#fdc980; }
#legend>div.bars>span:nth-child(7) { background-color:#fede9a; }
#legend>div.bars>span:nth-child(8) { background-color:#fef4b3; }
#legend>div.bars>span:nth-child(9) { background-color:#f3f9b4; }
#legend>div.bars>span:nth-child(10) { background-color:#dbef9d; }
#legend>div.bars>span:nth-child(11) { background-color:#c3e586; }
#legend>div.bars>span:nth-child(12) { background-color:#abdb6f; }
#legend>div.bars>span:nth-child(13) { background-color:#89cb61; }
#legend>div.bars>span:nth-child(14) { background-color:#64b956; }
#legend>div.bars>span:nth-child(15) { background-color:#3fa74b; }
#legend>div.bars>span:nth-child(16) { background-color:#1a9641; }