/* Keep the first-slide URLs and media queries in sync with partials/header.php. */
#slider_1 {
	background-image: url('../images/slider_town_of_field_mobile.webp');
}
#slider_2 {
	background-image: url('../images/slider_emerald_lake_mobile.webp');
}
#slider_3 {
	background-image: url('../images/slider_ohara_mobile.webp');
}

@media (min-width: 321px) and (orientation: landscape) {
	#slider_1 {
		background-image: url('../images/slider_town_of_field.webp');
	}
	#slider_2 {
		background-image: url('../images/slider_emerald_lake.webp');
	}
	#slider_3 {
		background-image: url('../images/slider_ohara.webp');
	}
}

@media (min-width: 321px) and (orientation: portrait) {
	#slider_1 {
		background-image: url('../images/slider_town_of_field_portrait.webp');
	}
	#slider_2 {
		background-image: url('../images/slider_emerald_lake_portrait.webp');
	}
	#slider_3 {
		background-image: url('../images/slider_ohara_portrait.webp');
	}
}