.main {
	overflow: initial;
}

figure {
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center top;
}

.row-flex {
	display: flex;
}

.column-flex-center {
	align-self: center;
}

.device-flex {
	margin-top: 86px;
	margin-left: 84px;
}

.device-mac {
	margin-top: 1em;
	margin-bottom: 2em;
}

h2.divider-top {
	margin-top: 1.5em;
	padding-top: 1.5em;
}

h4,
h2 + h4 {
	margin-top: 1.6em;
}

.bg-green-blue {
	background: linear-gradient(
		135deg,
		rgba(190, 230, 196, 1) 0%,
		rgba(168, 227, 251, 1) 100%
	);
}

.hero-wrap {
	margin-top: 2em;
	height: 502px;
	overflow: hidden;
}

.lockup-hero {
	width: 830px;
	height: 669px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("/localization/images/lockup-hero-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) {
	.lockup-hero {
		background-image: url("/localization/images/lockup-hero-large_2x.png");
	}
}

.lockup-culture {
	margin-top: 2em;
	width: 735px;
	height: 363px;
	background-image: url("/localization/images/lockup-culture-customs-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) {
	.lockup-culture {
		background-image: url("/localization/images/lockup-culture-customs-large_2x.png");
	}
}

.screen-competition {
	background-image: url("/localization/images/screen-competition-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) {
	.screen-competition {
		background-image: url("/localization/images/screen-competition-large_2x.jpg");
	}
}

.screen-product-page {
	background-image: url("/localization/images/screen-product-page-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) {
	.screen-product-page {
		background-image: url("/localization/images/screen-product-page-large_2x.jpg");
	}
}

.screen-app-store-connect {
	background-image: url("/localization/images/screen-asc-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) {
	.screen-app-store-connect {
		background-image: url("/localization/images/screen-asc-medium_2x.jpg");
	}
}

.screen-structure {
	background-image: url("/localization/images/screen-structure-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-astructure {
		background-image: url("/localization/images/screen-structure-medium_2x.png");
	}
}

.screen-xcode-translate {
	background-image: url("/localization/images/screen-xcode-translate-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) {
	.screen-xcode-translate {
		background-image: url("/localization/images/screen-xcode-translate-medium_2x.jpg");
	}
}

.badges-app-store {
	width: 197px;
	height: 137px;
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("/localization/images/promote-app-store-badge.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) {
	.badges-app-store {
		background-image: url("/localization/images/promote-app-store-badge_2x.png");
	}
}

.icon-analytics {
	width: 96px;
	height: 96px;
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("/assets/elements/icons/app-analytics/app-analytics-96x96.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) {
	.icon-analytics {
		background-image: url("/assets/elements/icons/app-analytics/app-analytics-96x96_2x.png");
	}
}

.localizable-pins {
	position: relative;
	margin: 0 auto;
	width: 285px;
}
.localizable-pins .pin-horizontal-right,
.localizable-pins .pin-horizontal-left {
	padding-bottom: 20px;
}
.localizable-pins .pin-1 {
	top: 100px;
	right: 200px;
	left: -100px;
}
.localizable-pins .pin-2 {
	top: 100px;
	right: -100px;
	left: 200px;
}
.localizable-pins .pin-3 {
	top: 200px;
	right: 200px;
	left: -100px;
}
.localizable-pins .pin-4 {
	top: 200px;
	right: -100px;
	left: 200px;
}
.localizable-pins .pin-horizontal .pin-caption {
	margin-left: 0;
	max-width: 150px;
	font-size: 11px;
	text-align: left;
	line-height: 1.29286em;
}

@media only screen and (max-width: 1068px) {
	.hero-wrap {
		height: 419px;
	}
	.lockup-hero {
		width: 692px;
		height: 558px;
		background-image: url("/localization/images/lockup-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) {
		.lockup-hero {
			background-image: url("/localization/images/lockup-hero-medium_2x.png");
		}
	}
	.lockup-culture {
		width: 519px;
		height: 256px;
		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-culture {
			background-image: url("/localization/images/lockup-culture-customs-medium_2x.png");
		}
	}
	.screen-competition {
		background-image: url("/localization/images/screen-competition-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) {
		.screen-competition {
			background-image: url("/localization/images/screen-competition-medium_2x.jpg");
		}
	}
	.screen-product-page {
		background-image: url("/localization/images/screen-product-page-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) {
		.screen-product-page {
			background-image: url("/localization/images/screen-product-page-medium_2x.jpg");
		}
	}
	.screen-app-store-connect {
		background-image: url("/localization/images/screen-asc-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) {
		.screen-app-store-connect {
			background-image: url("/localization/images/screen-asc-small_2x.jpg");
		}
	}
	.screen-structure {
		background-image: url("/localization/images/screen-structure-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-astructure {
			background-image: url("/localization/images/screen-structure-small_2x.png");
		}
	}
	.screen-xcode-translate {
		background-image: url("/localization/images/screen-xcode-translate-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) {
		.screen-xcode-translate {
			background-image: url("/localization/images/screen-xcode-translate-small_2x.jpg");
		}
	}
	.device-flex {
		margin-top: 76px;
		margin-left: 46px;
	}
}

@media only screen and (max-width: 734px) {
	.row-flex {
		display: block;
	}
	.device-flex {
		margin: 1em 0 0;
	}
	.hero-wrap {
		margin: 0 auto 2em;
		height: auto;
	}
	.lockup-hero {
		margin-top: 0;
		width: 310px;
		height: 250px;
		background-image: url("/localization/images/lockup-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) {
		.lockup-hero {
			background-image: url("/localization/images/lockup-hero-small_2x.png");
		}
	}
	.lockup-culture {
		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-culture {
			background-image: url("/localization/images/lockup-culture-customs-small_2x.png");
		}
	}
	.screen-full {
		margin-right: 0;
		margin-left: 0;
	}
	.localizable-pins {
		width: 214px;
	}
	.localizable-pins .pin-1 {
		right: 150px;
	}
	.localizable-pins .pin-2 {
		left: 150px;
	}
	.localizable-pins .pin-3 {
		right: 150px;
	}
	.localizable-pins .pin-4 {
		left: 150px;
	}
	#main section .section-content .row > .column.badge-column {
		padding: 0;
	}
}

@media only screen and (max-width: 540px) {
	.special-hide {
		display: none;
	}
	.special-show {
		display: block;
	}
	.device-wrap {
		margin: 5em auto;
	}
	.localizable-pins {
		margin: 0;
	}
	.localizable-pins .pin-vertical-top {
		padding-bottom: 20px;
	}
	.localizable-pins .pin-vertical-bottom {
		padding-top: 20px;
	}
	.localizable-pins .pin-1 {
		top: -50px;
		bottom: 330px;
		left: 45px;
	}
	.localizable-pins .pin-2 {
		top: -50px;
		bottom: 328px;
		left: 163px;
	}
	.localizable-pins .pin-3 {
		top: 190px;
		bottom: -55px;
		left: 45px;
	}
	.localizable-pins .pin-4 {
		top: 190px;
		bottom: -55px;
		left: 165px;
	}
}

@media only screen and (max-width: 414px) {
	.column-flex.overflow {
		overflow: visible;
	}
}

@media only screen and (max-width: 375px) {
	.device-mac {
		margin-left: -22px;
	}
}

@media only screen and (max-width: 320px) {
	.lockup-hero {
		width: 280px;
		height: 226px;
	}
	.lockup-culture {
		width: 280px;
		height: 138px;
	}
	.screen-xcode-translate,
	.screen-app-store-connect {
		width: 280px;
		height: 175px;
	}
}
