/******************* ALL DEVICES *******************/

#map {
	max-width: 975px;
	max-height: 610px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	color: #373c44; /* make map text color same as light theme. Fixes issue where dark theme text was grey */
}

section:first-of-type {
	margin-bottom: 21px; /* space below map */
}

article {
	text-align: center /* center text in card */;
}

.slider-parent {
	position: relative; /* fix bug where slider change causes scroll to top of page */
}

.slider-container {
	margin: 12px 0 11px 0; /* margins on slider input (top right bottom left) */
}

/******************* NOT MOBILE DEVICES *******************/

@media (min-width: 768px) {
	.grid {
		grid-column-gap: 42px; /* Increase spacing between columns */
	}
}

/******************* MOBILE DEVICES *******************/

@media (max-width: 768px) {
	.slider-parent {
		margin-bottom: 10px; /* Increase space between sliders */
	}
}