.button-pill {
	border-radius: 1em;
}

.developer-router-links .icon-swiftui {
	margin-bottom: 1.5em;
}

.bg-alt {
	background-color: #f5f5f7;
}

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

.section-hero .column-headline {
	padding-top: 4em;
	padding-bottom: 4em;
}

.lockup-hero {
	margin-top: 2em;
	margin-left: 38px;
	width: 534px;
	height: 648px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("/apple-news/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("/apple-news/images/lockup-hero-large_2x.png");
	}
}

.lockup-advertising {
	margin: 2em auto 0;
	width: 980px;
	height: 581px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("/apple-news/images/lockup-advertising-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-advertising {
		background-image: url("/apple-news/images/lockup-advertising-large_2x.png");
	}
}

.icon-news-publisher {
	margin: 0 auto 1em;
	width: 96px;
	height: 96px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-image: url("/assets/elements/icons/apple-news/apple-news-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-news-publisher {
		background-image: url("/assets/elements/icons/apple-news/apple-news-96x96_2x.png");
	}
}

.icon-news {
	margin: 0 auto 1em;
	width: 96px;
	height: 96px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-image: url("/assets/elements/icons/news/news-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-news {
		background-image: url("/assets/elements/icons/news/news-96x96_2x.png");
	}
}

@media only screen and (max-width: 1068px) {
	.lockup-hero {
		margin-top: 0;
		margin-left: 20px;
		width: 376px;
		height: 456px;
		background-image: url("/apple-news/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("/apple-news/images/lockup-hero-medium_2x.png");
		}
	}
	.lockup-advertising {
		width: 692px;
		height: 411px;
		background-image: url("/apple-news/images/lockup-advertising-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-advertising {
			background-image: url("/apple-news/images/lockup-advertising-medium_2x.png");
		}
	}
}

@media only screen and (max-width: 734px) {
	.lockup-hero {
		margin: 2em auto 0;
		width: 280px;
		height: 340px;
		background-image: url("/apple-news/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("/apple-news/images/lockup-hero-medium_2x.png");
		}
	}
	.lockup-advertising {
		width: 280px;
		height: 167px;
		background-image: url("/apple-news/images/lockup-advertising-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-advertising {
			background-image: url("/apple-news/images/lockup-advertising-small_2x.png");
		}
	}
}

/* ========== Grid Changes ========== */
#main section.section.section-hero {
	padding-top: 0;
	padding-bottom: 0;
}
#main section.section.section-hero .divider-bottom {
	padding-bottom: 4em;
}
#main
	section.section-getting-started
	.section-content
	.row
	> .column.split-column:first-of-type {
	padding-right: 2em;
}
#main
	section.section-getting-started
	.section-content
	.row
	> .column.split-column:last-of-type {
	padding-left: 2em;
}

@media only screen and (max-width: 1068px) {
	#main section.section.section-hero {
		padding-top: 4em;
		padding-bottom: 0;
	}
	#main section.section.section-hero .divider-bottom {
		padding-bottom: 4em;
	}
}

@media only screen and (max-width: 734px) {
	#main section.section.section-hero {
		padding-top: 3em;
		padding-bottom: 0;
	}
	#main section.section.section-hero .divider-bottom {
		padding-bottom: 3em;
	}
	#main
		section.section-getting-started
		.section-content
		.row
		> .column.split-column:first-of-type {
		padding-right: 0;
	}
	#main
		section.section-getting-started
		.section-content
		.row
		> .column.split-column:last-of-type {
		padding-left: 0;
	}
}