.page-overview .section-hero {
	background-image: url("../images/overview/hero_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
	.page-overview .section-hero {
		background-image: url("../images/overview/hero_large_2x.jpg")
	}
}

@media only screen and (max-width: 1068px) {
	.page-overview .section-hero {
		background-image: url("../images/overview/hero_medium.jpg")
	}
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
	.page-overview .section-hero {
		background-image: url("../images/overview/hero_medium_2x.jpg")
	}
}

@media only screen and (max-width: 734px) {
	.page-overview .section-hero {
		background-image: url("../images/overview/hero_small.jpg")
	}
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.page-overview .section-hero {
		background-image: url("../images/overview/hero_small_2x.jpg")
	}
}