#map-filters {
	width: 25%;
	padding: 50px;
	background: #35453c;
}

#map-filters .map-filter-header {
	margin-bottom: 50px;
}

#map-filters .map-filter-header, #map-filters a {
	color: #eae3d3;
	text-align: center;
}

#map-filters .name {
	display: inline-block;
}

#map-filters ul {
	padding: 0;
}

#map-filters li {
	list-style: none;
	margin-bottom: 20px;
	text-align: center;
}

#map-filters a, #map-filters a::before {
	transition: all .3s ease-in-out;
}

#map-filters a {
	position: relative;
	text-transform: uppercase;
}

#map-filters a::before {
	content: "";
	position: absolute;
	width: 0%;
	height: 1px;
	left: -15%;
	right: -15%;
	bottom: -8px;
	margin: 0 auto;
	background: #35453c;
}

#map-filters a.active, #map-filters a:hover {
	color: #d7b261;
}

#map-filters a.active::before, #map-filters a:hover::before {
	content: "";
	position: absolute;
	width: 130%;
	height: 1px;
	left: -15%;
	right: -15%;
	bottom: -8px;
	margin: 0 auto;
	background: #d7b261;
}

#gmap {
	width: 75%;
	min-height: 650px;
}

#neighborhood-map {
	display: flex;
	flex-flow: wrap;
}

@media (max-width:980px) {
	div#map-filters {
		width: 100%;
	}
	
	div#gmap {
		width: 100%;
	}
	
	#map-filters ul {
		columns: 3;
	}
}

@media (max-width:640px) {
	#map-filters ul {
		columns: 2;
	}
}

@media (max-width:480px) {
	#map-filters ul {
		columns: 1;
	}
}