@charset "UTF-8";
/* CSS Document */

body { margin:0; padding:0;}


#locator-map {
		clear:both;
		position:absolute;
		top:0;
		bottom:0;
		width:750px;
		}
		
.leaflet-popup-content {
		padding:.75em;
		padding-top:1.25em !important;
		font-family: Arial, 'Helvetica Neue', Helvetica;
		font-size:1.2em;
		color:#000000;
		line-height:1.2em !important;
	}
	
.leaflet-popup-content h5 {
		color:#000000 !important;
		}	
		
.leaflet-popup-content h4 {
		color:#000000 !important;
		font-weight:bold;
		line-height:1em !important;
		}		
		
.leaflet-popup-content h6 {
		color:#000000 !important;
		}	
		
#legend	 {
		position: absolute;
		bottom: 100px;
		left: 50px;
		z-index:1000;
		width:60%
	}

#legend img {
	width:100%;
	}
	
	
@media only screen  and (min-width : 768px) {#legend {width:40%;}
}	
	
@media only screen  and (min-width : 1024px) {#legend {width:30%;}
}

@media only screen  and (min-width : 1200px) {
	#legend {width:18%;
		max-width:200px;
		}
}