.bg-gradient {
	background: linear-gradient(to bottom, #ffffff -20%,#d6e3f2 100%);
}

a.tile-link {
	margin-top: 2em;
}

.tile-wrap,
a.tile-link {
	width: 260px;
	height: 374px;
}

.tile-wrap .violator {
	float: right;
}

.tile-wrap-full {
	padding: 4em 12em;
	text-align: center;
	background-color: #fafafa;
	border-radius: 1em;
}

.tile-wrap-articles {
	padding: 1em 2em 2em 3.8em;
	text-align: left;
	background-color: #fafafa;
	border-radius: 1em;
}

@media only screen and (max-width: 1068px) {
	.tile-wrap,
	a.tile-link {
		width: 284px;
		height: 340px;
	}
	.tile-wrap-full {
		padding: 4em;
	}
	.tile-wrap-articles {
		padding: 1em 2em 3em;
	}
}

@media only screen and (max-width: 735px) {
	.block-link.tile-link {
		width: auto;
		height: auto;
	}
	.tile-wrap {
		padding: 20px 20px 40px;
		width: auto;
		height: auto;
	}
	.tile-wrap-full {
		padding: 2em 1em;
	}
}


/* ========== Images ========== */
.icon-app-store {
	margin: 0 auto 1.5em;
	height: 96px;
	width: 96px;
	background-size: 96px 96px;
  	background-repeat: no-repeat;
	background-position: center;
	background-image: url("/assets/elements/icons/app-store/app-store-96x96.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
	.icon-app-store {
		background-image: url("/assets/elements/icons/app-store/app-store-96x96_2x.png");
	}
}

.lockup-hero {
	margin-top: 2em;
	width: 978px;
	height: 555px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
	/* background-image: url("/app-store/index/images/lockup-hero-large.png"); */
	background-color: #ccc;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
	.lockup-hero {
		/* background-image: url("/app-store/index/images/lockup-hero-large_2x.png"); */
	}
}

.tile-icon {
	margin-bottom: 1em;
	width: 64px;
	height: 64px;
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
}
.icon-auto-renew {
	background-image: url("/app-store/articles/images/auto-renew.svg");
}
.icon-custom-product-pages {
	background-image: url("/app-store/articles/images/custom-product-pages.svg");
}
.icon-game-timed {
	background-image: url("/app-store/articles/images/game-timed-event.svg");
}
.icon-product-page {
	background-image: url("/app-store/articles/images/product-page.svg");
}
.icon-product-page-optimization {
	background-image: url("/app-store/articles/images/product-page-optimization.svg");
}
.icon-promote {
	background-image: url("/app-store/articles/images/promote.svg");
}
.icon-localize {
	background-image: url("/app-store/articles/images/localize.svg");
}
.icon-guidelines {
	background-image: url("/app-store/index/images/guidelines.svg");
}
.icon-submitting {
	background-image: url("/app-store/index/images/submitting.svg");
}
.icon-user-privacy {
	background-image: url("/app-store/articles/images/user-privacy.svg");
}
.icon-measure-performance {
	background-image: url("/app-store/articles/images/measure-performance.svg");
}
.icon-peer-group-benchmarks {
	background-image: url("/app-store/articles/images/peer-group-benchmarks.svg");
}
.icon-game-onboard {
	background-image: url("/app-store/articles/images/game-onboard.svg");
}
.icon-freemium-games {
	background-image: url("/app-store/articles/images/freemium-games.svg");
}
.icon-videos {
	background-image: url("/app-store/articles/images/videos.svg");
}

@media only screen and (max-width: 1068px) {
	.lockup-hero {
		width: 605px;
		height: 343px;
		/* background-image: url("/app-store/index/images/lockup-hero-medium.png"); */
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
		.lockup-hero {
			/* background-image: url("/app-store/index/images/lockup-hero-medium_2x.png"); */
		}
	}
}


@media only screen and (max-width: 735px) {
	.lockup-hero {
		margin-top: 1em;
		width: 364px;
		height: 206px;
		/* background-image: url("/app-store/index/images/lockup-hero-small.png"); */
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
		.lockup-hero {
			/* background-image: url("/app-store/index/images/lockup-hero-small_2x.png"); */
		}
	}
}


@media only screen and (max-width: 320px) {
	.lockup-hero {
		width: 300px;
		height: 170px;
	}
}


/* ========== Grid ========== */
#main section.section {
	padding-top: 0;
	padding-bottom: 2em;
}
#main section.section.section-hero {
	padding-top: 4em;
	padding-bottom: 4em;
}
#main section.section.section-articles {
	padding-bottom: 4em;
}
#main section.section:last-of-type {
	padding-bottom: 4em;
}
#main section .section-content .row {
	margin-left: 0;
	margin-right: 0;
}
#main section .section-content .row > .column {
	padding: 0;
}
#main section .section-content .row.headline-row {
	margin-bottom: 2em;
}

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

@media only screen and (max-width: 735px) {
	#main section.section {
		padding-top: 0;
		padding-bottom: 2em;
	}
	#main section.section.section-hero {
		padding-top: 3em;
		padding-bottom: 3em;
	}
	#main section.section:last-of-type {
		padding-bottom: 3em;
	}
	#main section.section.section-articles {
		padding-bottom: 3em;
	}
	#main section .section-content .row {
		margin-left: 0;
		margin-right: 0;
	}
	#main section .section-content .row > .column {
		padding: 0;
	}
}