figcaption {
	margin-top: 1.5em;
}

.copy-middle {
	display: table-cell;
	vertical-align: middle;
}

.section-player .device-iphone-x-silver-landscape-container {
	margin: 2em 0 0;
}

.section-player figcaption {
	margin: 1.5em 0 2em;
	width: 530px;
}

.image-screen-hero {
	background-image: url("/app-store/onboarding-for-games/images/hero-screen-clash-royale-medium.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx),
	only screen and (min-resolution: 144dpi) {
	.image-screen-hero {
		background-image: url("/app-store/onboarding-for-games/images/hero-screen-clash-royale-medium_2x.png");
	}
}

.screen-clash-royale {
	background-image: url("/app-store/onboarding-for-games/images/screen-clash-royale-large.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx),
	only screen and (min-resolution: 144dpi) {
	.screen-clash-royale {
		background-image: url("/app-store/onboarding-for-games/images/screen-clash-royale-large_2x.png");
	}
}

.screen-super-fowlst {
	background-image: url("/app-store/onboarding-for-games/images/screen-super-fowlst-large.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx),
	only screen and (min-resolution: 144dpi) {
	.screen-super-fowlst {
		background-image: url("/app-store/onboarding-for-games/images/screen-super-fowlst-large_2x.png");
	}
}

.screen-carcassonne {
	background-image: url("/app-store/onboarding-for-games/images/screen-carcassonne-large.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx),
	only screen and (min-resolution: 144dpi) {
	.screen-carcassonne {
		background-image: url("/app-store/onboarding-for-games/images/screen-carcassonne-large_2x.png");
	}
}

.screen-toon-blast {
	background-image: url("/app-store/onboarding-for-games/images/screen-toon-blast-large.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx),
	only screen and (min-resolution: 144dpi) {
	.screen-toon-blast {
		background-image: url("/app-store/onboarding-for-games/images/screen-toon-blast-large_2x.png");
	}
}

.screen-two-dots-1 {
	background-image: url("/app-store/onboarding-for-games/images/screen-two-dots-1-large.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx),
	only screen and (min-resolution: 144dpi) {
	.screen-two-dots-1 {
		background-image: url("/app-store/onboarding-for-games/images/screen-two-dots-1-large_2x.png");
	}
}
.screen-two-dots-2 {
	background-image: url("/app-store/onboarding-for-games/images/screen-two-dots-2-large.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx),
	only screen and (min-resolution: 144dpi) {
	.screen-two-dots-2 {
		background-image: url("/app-store/onboarding-for-games/images/screen-two-dots-2-large_2x.png");
	}
}
.screen-two-dots-3 {
	background-image: url("/app-store/onboarding-for-games/images/screen-two-dots-3-large.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx),
	only screen and (min-resolution: 144dpi) {
	.screen-two-dots-3 {
		background-image: url("/app-store/onboarding-for-games/images/screen-two-dots-3-large_2x.png");
	}
}
.screen-two-dots-4 {
	background-image: url("/app-store/onboarding-for-games/images/screen-two-dots-4-large.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx),
	only screen and (min-resolution: 144dpi) {
	.screen-two-dots-4 {
		background-image: url("/app-store/onboarding-for-games/images/screen-two-dots-4-large_2x.png");
	}
}

@media only screen and (max-width: 1068px) {
	.section-player figcaption {
		width: 490px;
	}
	.screen-carcassonne {
		background-image: url("/app-store/onboarding-for-games/images/screen-carcassonne-medium.png");
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
		only screen and (min-resolution: 1.5dppx),
		only screen and (min-resolution: 144dpi) {
		.screen-carcassonne {
			background-image: url("/app-store/onboarding-for-games/images/screen-carcassonne-medium_2x.png");
		}
	}
}

@media only screen and (max-width: 734px) {
	.copy-middle {
		display: block;
		height: auto;
	}

	.section-player figcaption {
		width: auto;
	}

	.image-screen-hero {
		background-image: url("/app-store/onboarding-for-games/images/hero-screen-clash-royale-small.png");
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
		only screen and (min-resolution: 1.5dppx),
		only screen and (min-resolution: 144dpi) {
		.image-screen-hero {
			background-image: url("/app-store/onboarding-for-games/images/hero-screen-clash-royale-small_2x.png");
		}
	}
	.screen-clash-royale {
		background-image: url("/app-store/onboarding-for-games/images/screen-clash-royale-medium.png");
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
		only screen and (min-resolution: 1.5dppx),
		only screen and (min-resolution: 144dpi) {
		.screen-clash-royale {
			background-image: url("/app-store/onboarding-for-games/images/screen-clash-royale-medium_2x.png");
		}
	}
	.screen-super-fowlst {
		background-image: url("/app-store/onboarding-for-games/images/screen-super-fowlst-medium.png");
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
		only screen and (min-resolution: 1.5dppx),
		only screen and (min-resolution: 144dpi) {
		.screen-super-fowlst {
			background-image: url("/app-store/onboarding-for-games/images/screen-super-fowlst-medium_2x.png");
		}
	}
	.screen-carcassonne {
		background-image: url("/app-store/onboarding-for-games/images/screen-carcassonne-small.png");
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
		only screen and (min-resolution: 1.5dppx),
		only screen and (min-resolution: 144dpi) {
		.screen-carcassonne {
			background-image: url("/app-store/onboarding-for-games/images/screen-carcassonne-small_2x.png");
		}
	}
	.screen-toon-blast {
		background-image: url("/app-store/onboarding-for-games/images/screen-toon-blast-medium.png");
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
		only screen and (min-resolution: 1.5dppx),
		only screen and (min-resolution: 144dpi) {
		.screen-toon-blast {
			background-image: url("/app-store/onboarding-for-games/images/screen-toon-blast-medium_2x.png");
		}
	}
	.screen-two-dots-1 {
		background-image: url("/app-store/onboarding-for-games/images/screen-two-dots-1-medium.png");
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
		only screen and (min-resolution: 1.5dppx),
		only screen and (min-resolution: 144dpi) {
		.screen-two-dots-1 {
			background-image: url("/app-store/onboarding-for-games/images/screen-two-dots-1-medium_2x.png");
		}
	}
	.screen-two-dots-2 {
		background-image: url("/app-store/onboarding-for-games/images/screen-two-dots-2-medium.png");
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
		only screen and (min-resolution: 1.5dppx),
		only screen and (min-resolution: 144dpi) {
		.screen-two-dots-2 {
			background-image: url("/app-store/onboarding-for-games/images/screen-two-dots-2-medium_2x.png");
		}
	}
	.screen-two-dots-3 {
		background-image: url("/app-store/onboarding-for-games/images/screen-two-dots-3-medium.png");
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
		only screen and (min-resolution: 1.5dppx),
		only screen and (min-resolution: 144dpi) {
		.screen-two-dots-3 {
			background-image: url("/app-store/onboarding-for-games/images/screen-two-dots-3-medium_2x.png");
		}
	}
	.screen-two-dots-4 {
		background-image: url("/app-store/onboarding-for-games/images/screen-two-dots-4-medium.png");
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
		only screen and (min-resolution: 1.5dppx),
		only screen and (min-resolution: 144dpi) {
		.screen-two-dots-4 {
			background-image: url("/app-store/onboarding-for-games/images/screen-two-dots-4-medium_2x.png");
		}
	}
}

/* ========== Vertical Hardware ========== */
.device-ipad-pro-12-9-space-gray-vert-container {
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
}
.device-ipad-pro-12-9-space-gray-vert-container .device-hardware,
.device-ipad-pro-12-9-space-gray-vert-container .device-screen,
.device-ipad-pro-12-9-space-gray-vert-container[class*="device-animate"]:before {
	display: block;
	position: absolute;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center center;
}
.device-ipad-pro-12-9-space-gray-vert-container {
	width: 690px;
	height: 902px;
}
.device-ipad-pro-12-9-space-gray-vert-container[class*="device-animate"]:before {
	content: "";
	background: black;
}
.device-ipad-pro-12-9-space-gray-vert-container .device-hardware {
	background-image: url("/assets/elements/hardware/ipad_pro_12_9_space_gray_vert/large.png?156454");
	width: 100%;
	height: 100%;
}
.device-ipad-pro-12-9-space-gray-vert-container .device-screen,
.device-ipad-pro-12-9-space-gray-vert-container[class*="device-animate"]:before {
	top: 30px;
	left: 30px;
	width: 631px;
	height: 842px;
}

.device-ipad-pro-12-9-space-gray-vert-container.device-medium-for-large {
	width: 517.5px;
	height: 676.5px;
}

.device-ipad-pro-12-9-space-gray-vert-container.device-medium-for-large
	.device-hardware,
.device-ipad-pro-12-9-space-gray.device-medium-for-large {
	background-image: url("/assets/elements/hardware/ipad_pro_12_9_space_gray_vert/medium.png?156454");
}

.device-ipad-pro-12-9-space-gray-vert-container.device-medium-for-large
	.device-screen,
.device-ipad-pro-12-9-space-gray-vert-container.device-medium-for-large[class*="device-animate"]:before,
.device-ipad-pro-12-9-space-gray.device-medium-for-large .device-screen {
	top: 22.5px;
	left: 22px;
	width: 473.25px;
	height: 630.75px;
}

@media only screen and (max-width: 1068px) {
	.device-ipad-pro-12-9-space-gray-vert-container {
		width: 517.5px;
		height: 676.5px;
	}
	.device-ipad-pro-12-9-space-gray-vert-container .device-hardware {
		background-image: url("/assets/elements/hardware/ipad_pro_12_9_space_gray_vert/medium.png?156454");
		width: 100%;
		height: 100%;
	}
	.device-ipad-pro-12-9-space-gray-vert-container .device-screen,
	.device-ipad-pro-12-9-space-gray-vert-container[class*="device-animate"]:before {
		top: 22.5px;
		left: 22.5px;
		width: 473.25px;
		height: 630.75px;
	}
}

@media only screen and (max-width: 734px) {
	.device-ipad-pro-12-9-space-gray-vert-container {
		width: 241px;
		height: 315px;
	}
	.device-ipad-pro-12-9-space-gray-vert-container .device-hardware {
		background-image: url("/assets/elements/hardware/ipad_pro_12_9_space_gray_vert/small.png?156454");
		width: 100%;
		height: 100%;
	}
	.device-ipad-pro-12-9-space-gray-vert-container .device-screen,
	.device-ipad-pro-12-9-space-gray-vert-container[class*="device-animate"]:before {
		top: 10.5px;
		left: 10.5px;
		width: 221px;
		height: 294px;
	}
	.device-ipad-pro-12-9-space-gray-vert-container.device-small-for-small {
		width: 241px;
		height: 315px;
	}
	.device-ipad-pro-12-9-space-gray-vert-container.device-small-for-small
		.device-hardware,
	.device-ipad-pro-12-9-space-gray.device-small-for-small {
		background-image: url("/assets/elements/hardware/ipad_pro_12_9_space_gray_vert/small.png?156454");
	}
	.device-ipad-pro-12-9-space-gray-vert-container.device-small-for-small
		.device-screen,
	.device-ipad-pro-12-9-space-gray-vert-container.device-small-for-small[class*="device-animate"]:before {
		top: 10.5px;
		left: 10.5px;
		width: 221px;
		height: 294px;
	}
}

/* ========== Grid Changes ========== */
#main section.section {
	padding-top: 4em;
	padding-bottom: 4em;
}
#main section .section-content .row {
	margin-left: 0;
	margin-right: 0;
}
#main section .section-content .row > .column {
	padding: 0;
}

@media only screen and (max-width: 1068px) {
	#main section .section-content .row {
		margin-left: 0;
		margin-right: 0;
	}
	#main section .section-content .row > .column {
		padding: 0;
	}
}

@media only screen and (max-width: 734px) {
	#main section.section {
		padding-top: 2em;
		padding-bottom: 2em;
	}
	#main section .section-content .row {
		margin-left: 0;
		margin-right: 0;
	}
	#main section .section-content .row > .column {
		padding: 1em 0;
	}
}