/* Always set the map height explicitly to define the size of the div
       * element that contains the map. */
#map {
  height: 100%;
}

/* Optional: Makes the sample page fill the window. */
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}

#legend {
  	font-family: Arial, sans-serif;
  	background: #fff;
  	padding: 10px;
	margin: 10px;
	border: 3px solid #000;
}

#legend h3 {
    margin-top: 0;
}

#legend img {
	vertical-align: middle;
}