/* Always set the map height explicitly to define the size of the div
* element that contains the map. */
/* Optional: Makes the sample page fill the window. */
html, body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}

html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}
/*
#map {	
	position:absolute;
	border-top:75px solid #000;
	top:0px;
	height: 100%;
	width: 100%;
}
*/

#map {
    height: auto; 
    position: absolute; 
    top: 0; 
    bottom: 0; 
    left: 0; 
    right: 0;
    margin-top: 70px;
}

#map img
{
    max-width : none;
}

#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;
}