.compound-item-list > li {
	margin-bottom: 1em;
}

/* ========== Images ========== */
.hero-lockup {
	margin-top: 1em;
	width: 830px;
	height: 526px;
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("/app-store/measuring-app-performance/images/lockup-hero-large_2x.png");
}

.image-icon {
	margin-bottom: 1em;
	width: 64px;
	height: 64px;
	background-size: 64px 64px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
.icon-analytics {
	background-image: url("/assets/elements/icons/app-analytics/app-analytics-64x64.png");
}
.icon-sales {
	background-image: url("/assets/elements/icons/sales-and-trends/sales-and-trends-64x64.png");
}
.icon-reports {
	background-image: url("/assets/elements/icons/payments-and-financial-reports/payments-and-financial-reports-64x64.png");
}

.screen-conversion {
	background-image: url("/app-store/measuring-app-performance/images/screen-conversion-rate-large_2x.jpg");
}

.screen-campaign {
	background-image: url("/app-store/measuring-app-performance/images/screen-campaign-performance-large_2x.jpg");
}

.screen-active {
	background-image: url("/app-store/measuring-app-performance/images/screen-active-devices-large_2x.jpg");
}

.screen-retention {
	background-image: url("/app-store/measuring-app-performance/images/screen-retention-rate-large_2x.jpg");
}

.screen-users {
	background-image: url("/app-store/measuring-app-performance/images/screen-paying-users-large_2x.jpg");
}

.screen-purchase {
	background-image: url("/app-store/measuring-app-performance/images/screen-in-app-purchase-large_2x.jpg");
}

.screen-sales {
	background-image: url("/app-store/measuring-app-performance/images/screen-sales-overview-large_2x.jpg");
}

.screen-payment {
	background-image: url("/app-store/measuring-app-performance/images/screen-payment-large_2x.jpg");
}

.device-conversion {
	margin: 2em auto 4em;
}
.device-campaign {
	margin: 2em auto;
}

@media only screen and (max-width: 1068px) {
	.hero-lockup {
		width: 692px;
		height: 439px;
		background-image: url("/app-store/measuring-app-performance/images/lockup-hero-medium_2x.png");
	}

	.screen-conversion {
		background-image: url("/app-store/measuring-app-performance/images/screen-conversion-rate-medium_2x.jpg");
	}

	.screen-campaign {
		background-image: url("/app-store/measuring-app-performance/images/screen-campaign-performance-medium_2x.jpg");
	}

	.screen-active {
		background-image: url("/app-store/measuring-app-performance/images/screen-active-devices-medium_2x.jpg");
	}

	.screen-retention {
		background-image: url("/app-store/measuring-app-performance/images/screen-retention-rate-medium_2x.jpg");
	}

	.screen-users {
		background-image: url("/app-store/measuring-app-performance/images/screen-paying-users-medium_2x.jpg");
	}

	.screen-purchase {
		background-image: url("/app-store/measuring-app-performance/images/screen-in-app-purchase-medium_2x.jpg");
	}

	.screen-sales {
		background-image: url("/app-store/measuring-app-performance/images/screen-sales-overview-medium_2x.jpg");
	}

	.screen-payment {
		background-image: url("/app-store/measuring-app-performance/images/screen-payment-medium_2x.jpg");
	}
}

@media only screen and (max-width: 734px) {
	.hero-lockup {
		margin-top: 0em;
		width: 310px;
		height: 196px;
		background-image: url("/app-store/measuring-app-performance/images/lockup-hero-small_2x.png");
	}

	.screen-conversion {
		background-image: url("/app-store/measuring-app-performance/images/screen-conversion-rate-small_2x.jpg");
	}

	.screen-campaign {
		background-image: url("/app-store/measuring-app-performance/images/screen-campaign-performance-small_2x.jpg");
	}

	.screen-active {
		background-image: url("/app-store/measuring-app-performance/images/screen-active-devices-small_2x.jpg");
	}

	.screen-retention {
		background-image: url("/app-store/measuring-app-performance/images/screen-retention-rate-small_2x.jpg");
	}

	.screen-users {
		background-image: url("/app-store/measuring-app-performance/images/screen-paying-users-small_2x.jpg");
	}

	.screen-purchase {
		background-image: url("/app-store/measuring-app-performance/images/screen-in-app-purchase-small_2x.jpg");
	}

	.screen-sales {
		background-image: url("/app-store/measuring-app-performance/images/screen-sales-overview-small_2x.jpg");
	}

	.screen-payment {
		background-image: url("/app-store/measuring-app-performance/images/screen-payment-small_2x.jpg");
	}

	.device-conversion {
		margin: 0.5em auto 2em;
	}
	.device-campaign {
		margin: 0.5em auto;
	}
}

@media only screen and (max-width: 375px) {
	.column.image-column {
		margin-left: -7%;
	}
}

/* ========== Pins ========== */
.device-pins {
	margin-top: 1em;
}
.pinset {
	position: relative;
	width: 984px;
	margin: 0.5em auto 4em;
	padding-top: 1em;
}

.pinset.pinset-1 .pin:nth-of-type(1) {
	left: 304px;
	height: 179px;
}
.pinset.pinset-1 .pin:nth-of-type(2) {
	left: 261px;
	height: 179px;
}

.pinset.pinset-2 .pin:nth-of-type(1) {
	left: 207px;
	height: 176px;
}

.pinset.pinset-3 .pin:nth-of-type(1) {
	left: 249px;
	height: 177px;
}
.pinset.pinset-3 .pin:nth-of-type(2) {
	left: 290px;
	height: 177px;
}

.pinset.pinset-4 .pin:nth-of-type(1) {
	left: 297px;
	height: 202px;
}
.pinset.pinset-4 .pin:nth-of-type(2) {
	left: 329px;
	height: 140px;
}

.pinset.pinset-5 .pin:nth-of-type(1) {
	left: 265px;
	height: 134px;
}
.pinset.pinset-5 .pin:nth-of-type(2) {
	left: 297px;
	height: 200px;
}

@media only screen and (max-width: 1068px) {
	.pinset {
		width: 697px;
	}
	.pinset.pinset-1 .pin:nth-of-type(1) {
		left: 216px;
		height: 132px;
	}
	.pinset.pinset-1 .pin:nth-of-type(2) {
		left: 186px;
		height: 132px;
	}
	.pinset.pinset-2 .pin:nth-of-type(1) {
		left: 147px;
		height: 132px;
	}
	.pinset.pinset-3 .pin:nth-of-type(1) {
		left: 176px;
		height: 132px;
	}
	.pinset.pinset-3 .pin:nth-of-type(2) {
		left: 206px;
		height: 132px;
	}
	.pinset.pinset-4 .pin:nth-of-type(1) {
		left: 211px;
		height: 150px;
	}
	.pinset.pinset-4 .pin:nth-of-type(2) {
		left: 233px;
		height: 107px;
	}
	.pinset.pinset-5 .pin:nth-of-type(1) {
		left: 186px;
		height: 102px;
	}
	.pinset.pinset-5 .pin:nth-of-type(2) {
		left: 211px;
		height: 150px;
	}
}

@media only screen and (max-width: 734px) {
	.pinset {
		width: 375px;
		margin: -1.5em auto 2em;
	}
	.pinset.pinset-1 .pin:nth-of-type(1) {
		left: 118px;
		height: 88px;
	}
	.pinset.pinset-1 .pin:nth-of-type(2) {
		left: 95px;
		height: 88px;
	}
	.pinset.pinset-2 .pin:nth-of-type(1) {
		left: 79px;
		height: 88px;
	}
	.pinset.pinset-3 .pin:nth-of-type(1) {
		left: 94px;
		height: 88px;
	}
	.pinset.pinset-3 .pin:nth-of-type(2) {
		left: 109px;
		height: 88px;
	}
	.pinset.pinset-4 .pin:nth-of-type(1) {
		left: 113px;
		height: 98px;
	}
	.pinset.pinset-4 .pin:nth-of-type(2) {
		left: 137px;
		height: 74px;
	}
	.pinset.pinset-5 .pin:nth-of-type(1) {
		left: 98px;
		height: 73px;
	}
	.pinset.pinset-5 .pin:nth-of-type(2) {
		left: 113px;
		height: 98px;
	}
}

/* ========== Grid ========== */
#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;
	}
}