.mapContainer {
	position: relative;
	float: left;
	height: 420px;
	border: 1px solid #ccc;
	width: 100%;
}
.legend {
	position: absolute;
	bottom: 0;
	right: 0;
	max-width: 230px;
	border-radius: 8px 0 0 0;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: white;
}
#map {
	position: absolute;
	width: 100%;
	height: 100%;
}
.mirror_table_container {
	float: left;
	width: 100%;
	border: none !important;
}
.leaflet-popup-content-wrapper {
	float: left;
	border-radius: 4px !important;
}

@media screen and (min-width: 650px) {
	.mapContainer {
	position: relative;
	float: left;
	height: 500px;
	border: 1px solid #ccc;
	width: 100%;
}
}

@media screen and (min-width: 350px) {
	.mapContainer {
	position: relative;
	float: left;
	height: 460px;
	border: 1px solid #ccc;
	width: 100%;
}
}