body {
    text-align: center
 }

#map {
    height: 650px;
    width: 90%;
    margin: 40px auto;
 }

.query label {
	font-size: 24px;
	text-align: center
}

.query input {
 	font-size: 24px;
 	border: 1px solid grey;
 	text-align: center
 }

.subject {
	margin-bottom: 50px;
}

.legend {
	color: #555;
	padding: 6px 8px;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	background: white;
	background: rgba(255,255,255,0.8);
	box-shadow: 0 0 15px rgba(0,0,0,0.2);
	border-radius: 5px;
}

.legend ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	clear: both;
}

.legend li {
	display: inline-block;
	width: 30px;
	height: 22px;
}

.legend .min {
	float: left;
	padding-bottom: 5px;
}

.legend .max {
	float: right;
}

#text {
	line-height: 20px;
}