#mapContainer {
	/*width: 720px;
	height: 500px;
	*/
	height: 500px;
	margin-bottom: 30px;
}

#map_canvas, #mapCanvas {
	width: 100%;
	height: 100%;
}

#mapCanvas img { max-width:none; }

#googft-legend{
	background-color:#fff;
	border:1px solid #000;
	font-family:Arial, sans-serif;
	font-size:12px;
	margin:5px;
	padding:10px 10px 8px;

}
#googft-legend div{margin-bottom:5px;}
.googft-legend-swatch{border:1px solid;float:left;height:12px;margin-right:8px;width:20px;}
.googft-legend-range{margin-left:0;}


.projectInfo { 
	font-family: Verdana, Geneva, sans-serif;
	color: #4c;
	font-size: 12px;
	max-height: 250px;
	margin-right: 8px;
}

.projectInfo h3 { 
	margin: 0 0 10px 0;
	padding-bottom: 8px;
	color: #294287;
	border-bottom: 1px solid #ccc;
	font-size: 16px;
	font-weight: normal;
}

@media screen and (max-width: 46em ) {
	
	#mapContainer {
	height: 500px;
	margin-bottom: 30px;
}
	
	#map_canvas {
	  margin-left: auto;
	  margin-right: auto;
	  width: 70%;
	  height: 100%;
	}
	
}