#location-map {
    height: 600px;
    width: 100%;
   }
  #location-legend {
    font-family: Arial, sans-serif;
    background: #fff;
    padding: 10px 5px;
    margin: 10px;
    border: 1px solid #999;
    font-size: 12px;
    width:200px;
  }
  #location-legend h2 {
    margin: 0;
    color: #587a39;
    font: 400 16px Roboto, Arial, sans-serif;
  }
  #location-legend img {
    vertical-align: middle;
    display: inherit;
  }
  #location-legend div {
    padding-bottom:5px;
  }
  #location-legend a {
    text-decoration: none;
    color: #000000;
  }

  #map{
    height:600px;
    width:600px;
    float:left;
  }
  #route-panel{
    line-height:20px;
    padding:0 10px 10px;
    height:100%;
    max-height:560px;
    width:300px;
    overflow:auto;
    font-size:14px;
  }
  #display-route{
    width:300px;
    text-decoration:underline;
    padding-left:10px;
    cursor:pointer;
    float:left;
  }
@media (max-width:480px){
  #map{
    width:100%
  }
  #route-panel{
    width:100%;
    padding:0;
    height:100%;
    max-height:100%;
  }
  #display-route{
    width:100%;
    text-align:center;
  }
}