.zoom header {
	background-image: url(https://kodakpixpro.com/cameras/action-sport/wpz2/images/zoom-header-bg.jpg);
	background-size: cover;
	background-position: center left;
	background-repeat: no-repeat;
}

.waterproof header {
	background-image: url(https://kodakpixpro.com/cameras/action-sport/wpz2/images/waterproof-header-bg.jpg);
	background-size: cover;
	background-position: center right;
	background-repeat: no-repeat;
}

.shockproof {
	background-image: url(https://kodakpixpro.com/cameras/action-sport/wpz2/images/shockproof-bg.jpg);
	background-size: cover;
	background-position: center left;
	background-repeat: no-repeat;
}

.dustproof header {
	background-image: url(https://kodakpixpro.com/cameras/action-sport/wpz2/images/dustproof-bg.jpg);
	background-size: auto 100%;
	background-position: 20% 50%;
	background-repeat: no-repeat;
}

.dustproof article {
	width: 100%;
	max-width: 100%;
	background-color: rgb(0, 0, 0);
}

.megapixels {
	height: 90vh;
	padding: 2rem 0 10rem 0;
	background-image: url(https://kodakpixpro.com/cameras/action-sport/wpz2/images/megapixels-bg.jpg);
	background-size: cover;
	background-position: 80% 50%;
	background-repeat: no-repeat;
}

.hd-video {
	display: flex;
	flex-direction: column;
	background-color: transparent;
}

.hd-video article {
	width: 50%;
}

.hd-video video {
	width: 200%;
	aspect-ratio: 16/9;
	margin: 0 0 0 -50%;
}

@media screen and (orientation: portrait) and (max-width: 768px) {
	/* styles for screens in portrait orientation that are smaller than an iPad */

	.shockproof {
		background-position: 40% 0;
	}

}


@media (min-width:800px) {

	/* styles for screens iPad and larger */
	.waterproof,
	.hd-video,
	.zoom {
		padding: 0;
	}

	.waterproof article,
	.hd-video article,
	.zoom article {
		padding: 7% 0 7% 0;
	}

	.shockproof article {
		text-align: left;
	}

	.waterproof article,
	.wifi article,
	.zoom article {
		text-align: right;
	}

	.zoom article {
		flex-direction: row;
	}

	section article div img {
		width: 80%;
		display: block;
	}

	.zoom article>div {
		margin: 0;
	}


	.dustproof article div {
		width: 80%;
	}

	.megapixels {
		height: auto;
		background-position: 100% -45%;
		background-size: 150% auto;
	}

	.megapixels article>div {
		aspect-ratio: 2/1;
		margin: 0;
		text-align: left;
	}

}

@media (min-width:800px) {
	.shockproof article {
		height: auto;
		aspect-ratio: 16/9;
	}

	.hd-video video {
		width: 100%;
		margin: 0;
	}

	.dustproof {
		padding: 0;
		display: flex;
		justify-content: flex-end;
	}

	.megapixels {
		background-position: bottom right;
		background-size: auto;

	}

	.megapixels article>div {
		width: 50%;
	}
}