/* Hero section styles */
.section-hero {
	display: block;
}

.section-hero.section-if-i-switch {
	padding-bottom: 0;
}

.section-hero .flex-hero {
	margin-top: 26px;
	overflow-y: hidden;
}

@media only screen and (max-width: 734px) {
	.section-hero .flex-hero {
		margin-top: 30px;
	}
}

.section-hero .image-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	overflow: hidden;
}

@media only screen and (max-width: 734px) {
	.section-hero .image-wrapper {
		height: 225px;
	}
}

@media only screen and (max-width: 374px) {
	.section-hero .image-wrapper {
		height: 225px;
		margin-bottom: -46px;
	}
}

.section-hero .image-hero {
	width: 1753px;
	height: 658px;
	background-size: 1753px 658px;
	background-repeat: no-repeat;
	background-image: url("/ph/iphone/switch/images/overview/hero__coiius911fau_large.jpg");
	position: relative;
	left: 50%;
	margin-left: -876.5px;
}

@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) {
	.section-hero .image-hero {
		background-image: url("/ph/iphone/switch/images/overview/hero__coiius911fau_large_2x.jpg");
	}
}

@media only screen and (max-width: 1068px) {
	.section-hero .image-hero {
		width: 970px;
		height: 342px;
		background-size: 970px 342px;
		background-repeat: no-repeat;
		background-image: url("/ph/iphone/switch/images/overview/hero__coiius911fau_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) {
	.section-hero .image-hero {
		background-image: url("/ph/iphone/switch/images/overview/hero__coiius911fau_medium_2x.jpg");
	}
}

@media only screen and (max-width: 734px) {
	.section-hero .image-hero {
		width: 596px;
		height: 225px;
		background-size: 596px 225px;
		background-repeat: no-repeat;
		background-image: url("/ph/iphone/switch/images/overview/hero__coiius911fau_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) {
	.section-hero .image-hero {
		background-image: url("/ph/iphone/switch/images/overview/hero__coiius911fau_small_2x.jpg");
	}
}

@media only screen and (max-width: 1068px) {
	.section-hero .image-hero {
		left: 50%;
		margin-left: -485px;
	}
}

@media only screen and (max-width: 734px) {
	.section-hero .image-hero {
		left: 50%;
		margin-left: -298px;
	}
}

@media only screen and (max-width: 374px) {
	.section-hero .image-hero {
		transform: scale(0.8);
		transform-origin: top center;
	}
}