.info {
			padding: 6px 8px;
			background: #000;
			box-shadow: 0 0 5px #000;
			border-radius: 3px;

			font-family: sans-serif;
			font-weight: bolder;
			border-top: 1px solid white;
			border-bottom: 1px solid #bcbcbc;	
			border-right: 1px solid #bcbcbc;
			border-left: 1px solid #e3e3e3;
			color: #bcbcbc;

			
		}

		.info h4 {
			margin: 0 0 5px;
			color: White;
			font-size: 1.8em;
			line-height: 1.0em;
		}
		.legend {
			text-align: left;
			color: white;
			font-size: 0.9em;
			line-height: 2.1em;
			font-family: sans-serif;

		}
		.legend i {
			width: 18px;
			height: 18px;
			float: left;
			margin-right: 8px;
			 /* works for IE 5+. */
		    filter:alpha(opacity=10); 
		    /* works for IE 8. */
		    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
		    -moz-opacity:1; 
		    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
		    -khtml-opacity: 1; 
		    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */  
		    opacity: 1; 

						
		}

.map-container {
    position: relative;
    padding-bottom: 100%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.map-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}