#overview .theme-dark {
	background-color: #333;
}

#overview .bg-skyblue {
	background-color: #e7f1fb;
}

.badge {
	margin-bottom: 0.6em;
}

/* ===== Banner ===== */
#main section.section.section-banner {
	padding-top: 2em;
	padding-bottom: 0;
}
.lockup-banner {
	margin-top: 1em;
	width: 519px;
	height: 256px;
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("/localization/images/lockup-culture-customs-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) {
	.lockup-banner {
		background-image: url("/localization/images/lockup-culture-customs-medium_2x.png");
	}
}
@media only screen and (max-width: 734px) {
	#main section.section.section-banner {
		padding-top: 1em;
	}
	.lockup-banner {
		margin-top: 0;
		width: 328px;
		height: 162px;
		background-image: url("/localization/images/lockup-culture-customs-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) {
		.lockup-banner {
			background-image: url("/localization/images/lockup-culture-customs-small_2x.png");
		}
	}
}

/* ===== App Store for Apple Watch ===== */
#overview .section-apple-watch.theme-dark {
	background-color: #000;
}
.app-store-for-apple-watch-icon {
	margin-bottom: 1em;
	width: 128px;
	height: 128px;
	background-size: 128px 128px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("/assets/elements/icons/app-store-for-apple-watch/app-store-for-apple-watch-128x128.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) {
	.app-store-for-apple-watch-icon {
		background-image: url("/assets/elements/icons/app-store-for-apple-watch/app-store-for-apple-watch-128x128_2x.png");
	}
}

/* ===== ARCADE ===== */
.apple-arcade-logo {
	width: 156px;
	height: 32px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("/app-store/index/images/apple-arcade-logo.svg");
	margin-bottom: 1.5em;
}

.apple-arcade-hero {
	margin: 0 auto;
	width: 692px;
	height: 396px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("/app-store/index/images/apple-arcade-hero-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) {
	.apple-arcade-hero {
		background-image: url("/app-store/index/images/apple-arcade-hero-medium_2x.png");
	}
}

@media only screen and (max-width: 734px) {
	.apple-arcade-hero {
		margin: 0 auto;
		width: 320px;
		height: 184px;
		background-image: url("/app-store/index/images/apple-arcade-hero-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) {
		.apple-arcade-hero {
			background-image: url("/app-store/index/images/apple-arcade-hero-small_2x.png");
		}
	}
}

/* ===== PROMO ===== */
.section-promo .device-iphone-x-silver-container {
	width: 283px;
	height: 435px;
	background-size: 283px 566px;
	background-position: top center;
}

.section-promo .device-iphone-x-silver-container .device-hardware {
	width: 283px;
	height: 434px;
	background-size: 283px 566px;
	background-position: top center;
}

.section-promo .device-iphone-x-silver-container .device-screen.screen-offers {
	width: 246px;
	height: 418px;
	background-size: 246px 532px;
	background-position: top center;
	background-image: url("/app-store/index/images/screen-offers-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-offers {
		background-image: url("/app-store/index/images/screen-offers-large_2x.png");
	}
}

@media only screen and (max-width: 734px) {
	.section-promo h2,
	p {
		text-align: center;
	}
}

/* ===== MAC APP STORE HERO ===== */
.section-hero .badge {
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 6em;
}

.section-hero p:last-of-type {
	margin-bottom: 2em;
}

.section-hero .device-macbook-pro-space-grey {
	margin-left: auto;
	margin-right: auto;
}

.image-hero {
	background-image: url("/app-store/index/images/screen-hero-large.jpg");
}
@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-hero {
		background-image: url("/app-store/index/images/screen-hero-large_2x.jpg");
	}
}

@media only screen and (max-width: 1068px) {
	.image-hero {
		background-image: url("/app-store/index/images/screen-hero-medium.jpg");
	}
	@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-hero {
			background-image: url("/app-store/index/images/screen-hero-medium_2x.jpg");
		}
	}
}

@media only screen and (max-width: 734px) {
	.section-hero p:last-of-type {
		margin-bottom: 0;
	}
	.image-hero {
		background-image: url("/app-store/index/images/screen-hero-small.jpg");
	}
	@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-hero {
			background-image: url("/app-store/index/images/screen-hero-small_2x.jpg");
		}
	}
	.section-hero p:last-of-type {
		margin-bottom: 1em;
	}
}

/* ===== INSIGHTS ===== */
.section-insights .row-tiles {
	margin-top: 2em;
	margin-bottom: 1em;
}
.section-insights .image-tile {
	margin-right: 1em;
	margin-bottom: 1em;
	margin-left: 0.5em;
	width: 280px;
	height: 178px;
	background-size: 100% 100%;
}
.section-insights .row-tiles > .column > .column:nth-of-type(3) .image-tile,
.section-insights .row-tiles > .column > .column:nth-of-type(6) .image-tile {
	margin-right: 0;
}
.section-insights .image-reviews {
	background-image: url("/app-store/insights/images/responding-to-reviews-tile.jpg");
}
@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-reviews {
		background-image: url("/app-store/insights/images/responding-to-reviews-tile_2x.jpg");
	}
}
.section-insights .image-product-page {
	background-image: url("/app-store/insights/images/product-page-tile.jpg");
}
@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-product-page {
		background-image: url("/app-store/insights/images/product-page-tile_2x.jpg");
	}
}
.section-insights .image-kids {
	background-image: url("/app-store/insights/images/originator-tile.jpg");
}
@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-kids {
		background-image: url("/app-store/insights/images/originator-tile_2x.jpg");
	}
}
.section-insights .image-paid {
	background-image: url("/app-store/insights/images/three-minute-games-tile.jpg");
}
@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-paid {
		background-image: url("/app-store/insights/images/three-minute-games-tile_2x.jpg");
	}
}
.section-insights .image-community {
	background-image: url("/app-store/insights/images/super-evil-megacorp-tile.jpg");
}
@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-community {
		background-image: url("/app-store/insights/images/super-evil-megacorp-tile_2x.jpg");
	}
}
.section-insights .image-brand {
	background-image: url("/app-store/insights/images/seriously-tile.jpg");
}
@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-brand {
		background-image: url("/app-store/insights/images/seriously-tile_2x.jpg");
	}
}

@media only screen and (max-width: 1068px) {
	.section-insights .row-tiles > .column > .column:nth-of-type(3) .image-tile,
	.section-insights .row-tiles > .column > .column:nth-of-type(6) .image-tile {
		margin-right: 1em;
	}
	.section-insights
		.row-tiles
		> .column
		> .column:nth-of-type(odd)
		.image-tile {
		margin-left: 1.5em;
	}
	.section-insights
		.row-tiles
		> .column
		> .column:nth-of-type(even)
		.image-tile {
		margin-left: 0.5em;
	}
}

@media only screen and (max-width: 734px) {
	.section-insights .row-tiles {
		margin-top: 0;
	}
	.section-insights .row-tiles > .column > .column:nth-of-type(odd) .image-tile,
	.section-insights
		.row-tiles
		> .column
		> .column:nth-of-type(even)
		.image-tile {
		margin-right: auto;
		margin-left: auto;
	}
}

/* ===== PLANNING ===== */
.section-planning .row-icons {
	margin-top: 2em;
	margin-bottom: 2em;
}

.section-planning .image-icon {
	margin-right: auto;
	margin-bottom: 0.5em;
	margin-left: auto;
	width: 48px;
	height: 48px;
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
}
.section-planning .icon-planning {
	background-image: url("/app-store/images/plan-design.svg");
}
.section-planning .icon-launch {
	background-image: url("/app-store/images/launch-craft.svg");
}
.section-planning .icon-post-launch {
	background-image: url("/app-store/images/post-measure.svg");
}

.section-planning .image-planning {
	margin-right: auto;
	margin-left: auto;
	width: 991px;
	height: 600px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-image: url("/app-store/index/images/planning-hero-large.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx),
	only screen and (min-resolution: 144dpi) {
	.section-planning .image-planning {
		background-image: url("/app-store/index/images/planning-hero-large_2x.jpg");
	}
}

@media only screen and (max-width: 1068px) {
	.section-planning .row-icons {
		margin-bottom: 1em;
	}
	.section-planning .image-planning {
		width: 700px;
		height: 424px;
		background-image: url("/app-store/index/images/planning-hero-medium.jpg");
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
		only screen and (min-resolution: 1.5dppx),
		only screen and (min-resolution: 144dpi) {
		.section-planning .image-planning {
			background-image: url("/app-store/index/images/planning-hero-medium_2x.jpg");
		}
	}
}

@media only screen and (max-width: 734px) {
	.section-planning .row-icons {
		margin-top: 0;
		margin-bottom: 0;
	}
	.section-planning .row-icons figure + p {
		font-size: 14px;
	}
	.section-planning .image-planning {
		background-position: 12px 0;
	}
}

/* ===== GUIDELINES ===== */
#main section.section.section-guidelines {
	padding-top: 4em;
	padding-bottom: 4em;
}

.section-guidelines .image-download {
	margin-right: auto;
	margin-left: auto;
	width: 120px;
	height: 40px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-image: url("/app-store/index/images/download-on-the-app-store.svg");
}

@media only screen and (max-width: 734px) {
	#main section.section.section-guidelines {
		padding-top: 2em;
		padding-bottom: 2em;
	}
}

/* ========== Grid Changes ========== */
#main section.section {
	padding-top: 4em;
	padding-bottom: 4em;
}
#main section.section.section-promo {
	padding-bottom: 0;
}
#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.section-promo {
		padding-bottom: 0;
	}
	#main section .section-content .row {
		margin-left: 0;
		margin-right: 0;
	}
	#main section .section-content .row > .column {
		padding: 1em 0;
	}
	#main
		section.section.section-promo
		.section-content
		.row
		> .column:last-of-type {
		padding: 1em 0 0;
	}
}

/* ========== LOCALIZED IMAGES ========== */
:lang(zh)
	.section-promo
	.device-iphone-x-silver-container
	.device-screen.screen-offers {
	background-image: url("/cn/app-store/index/images/cn-screen-offers-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) {
	:lang(zh) .screen-offers {
		background-image: url("/cn/app-store/index/images/cn-screen-offers-large_2x.png");
	}
}

:lang(ja)
	.section-promo
	.device-iphone-x-silver-container
	.device-screen.screen-offers {
	background-image: url("/jp/app-store/images/jp-screen-offers-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) {
	:lang(ja) .screen-offers {
		background-image: url("/jp/app-store/images/jp-screen-offers-large_2x.png");
	}
}

:lang(ko)
	.section-promo
	.device-iphone-x-silver-container
	.device-screen.screen-offers {
	background-image: url("/kr/app-store/images/kr-screen-offers-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) {
	:lang(ko) .screen-offers {
		background-image: url("/kr/app-store/images/kr-screen-offers-large_2x.png");
	}
}