h2:not(:first-of-type) {
	margin-top: 2em;
}

.sidebar-item {
	margin-top: 4em;
}
/* .sidebar-item:first-of-type {
	margin-top: 37px;
}
.sidebar-item h5 {
	margin-top: 1em;
} */

.hero-lockup {
	margin-top: 2em;
	width: 980px;
	height: 575px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("/xcode/swiftui/images/hero-lockup-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) {
	.hero-lockup {
		background-image: url("/xcode/swiftui/images/hero-lockup-large_2x.png")
	}
}

.code-sample {
	margin: 2em 0;
	width: 645px;
	height: 295px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
}

.example-syntax {
	background-image: url("/xcode/swiftui/images/example-syntax-light-large.jpg");
	width: 645px;
	height: 412px;
	/* border: 1px solid #f2f2f2; */
	box-shadow: 0 10px 25px 0 rgba(0,0,0,0.10)
}
@media (prefers-color-scheme: dark) {
	.example-syntax {
		background-image: url("/xcode/swiftui/images/example-syntax-dark-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) {
	.example-syntax {
		background-image: url("/xcode/swiftui/images/example-syntax-light-large_2x.jpg")
	}
	@media (prefers-color-scheme: dark) {
		.example-syntax {
			background-image: url("/xcode/swiftui/images/example-syntax-dark-large_2x.jpg");
		}
	}
}

.example-design {
	background-image: url("/xcode/swiftui/images/example-design-large.jpg");
	width: 645px;
	height: 403px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.example-design {
		background-image: url("/xcode/swiftui/images/example-design-large_2x.jpg")
	}
}

.icon-security {
	margin-bottom: 18px;
	width: 64px;
	height: 64px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("/assets/elements/icons/security/security-64x64.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-security {
		background-image: url("/assets/elements/icons/security/security-64x64_2x.png");
	}
}
.icon-privacy {
	margin-bottom: 18px;
	width: 83px;
	height: 64px;
	background-size: 83px 83px;
	background-repeat: no-repeat;
	background-position: 0 -9px;
	background-image: url("/assets/elements/icons/privacy/privacy.svg");
}

.icon-device {
	display: inline-block;
	margin-top: 1em;
	margin-right: 18px;
	height: 87px;
	background-repeat: no-repeat;
	background-position: center;
}
.icon-device:last-of-type {
	margin-right: 0;
}

.icon-iphone {
	width: 38px;
	background-size: 38px 74px;
	background-image: url("/xcode/swiftui/images/icons/icon-iphone-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) {
	.icon-iphone {
		background-image: url("/xcode/swiftui/images/icons/icon-iphone-large_2x.png");
	}
}
.icon-mac {
	width: 139px;
	background-size: 139px 72px;
	background-image: url("/xcode/swiftui/images/icons/icon-mac-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) {
	.icon-mac {
		background-image: url("/xcode/swiftui/images/icons/icon-mac-large_2x.png");
	}
}
.icon-ipad {
	width: 54px;
	background-size: 54px 76px;
	background-image: url("/xcode/swiftui/images/icons/icon-ipad-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) {
	.icon-ipad {
		background-image: url("/xcode/swiftui/images/icons/icon-ipad-large_2x.png");
	}
}
.icon-apple-watch {
	width: 66px;
	background-size: 66px 73px;
	background-image: url("/xcode/swiftui/images/icons/icon-watch-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) {
	.icon-apple-watch {
		background-image: url("/xcode/swiftui/images/icons/icon-watch-large_2x.png");
	}
}
.icon-apple-tv {
	width: 91px;
	background-size: 91px 66px;
	background-image: url("/xcode/swiftui/images/icons/icon-appletv-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) {
	.icon-apple-tv {
		background-image: url("/xcode/swiftui/images/icons/icon-appletv-large_2x.png");
	}
}

.video-image {
	position: static;
	width: 246px;
	height: 150px;
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #000;
}

.video-tutorial {
	background-image: url("/xcode/swiftui/images/video-tutorial.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) {
	.video-tutorial {
		background-image: url("/xcode/swiftui/images/video-tutorial_2x.jpg")
	}
}

.video-wwdc {
	background-image: url("/xcode/swiftui/images/video-wwdc.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) {
	.video-wwdc {
		background-image: url("/xcode/swiftui/images/video-wwdc_2x.jpg")
	}
}


@media only screen and (max-width: 1068px) {
	.sidebar-item:first-of-type {
		margin-top: 29px;
	}
	.hero-lockup {
		width: 692px;
		height: 447px;
		background-image: url("/xcode/swiftui/images/hero-lockup-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) {
		.hero-lockup {
			background-image: url("/xcode/swiftui/images/hero-lockup-medium_2x.png")
		}
	}
	.code-sample {
		width: 460px;
		height: 210px;
	}
	.example-syntax {
		background-image: url("/xcode/swiftui/images/example-syntax-light-medium.jpg");
		width: 459px;
		height: 293px;
	}
	@media (prefers-color-scheme: dark) {
		.example-syntax {
			background-image: url("/xcode/swiftui/images/example-syntax-dark-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) {
		.example-syntax {
			background-image: url("/xcode/swiftui/images/example-syntax-light-medium_2x.jpg")
		}
		@media (prefers-color-scheme: dark) {
			.example-syntax {
				background-image: url("/xcode/swiftui/images/example-syntax-dark-medium_2x.jpg");
			}
		}
	}
	.example-design {
		background-image: url("/xcode/swiftui/images/example-design-medium.jpg");
		width: 460px;
		height: 287px;
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
		.example-design {
			background-image: url("/xcode/swiftui/images/example-design-medium_2x.jpg")
		}
	}
	.video-image {
		width: 173px;
		background-size: 236px 150px;
	}
}


@media only screen and (max-width: 735px) {
	#main section .section-content .row > .column.sidebar {
		margin-top: 2em;
		padding-top: 3em;
		border-top: 1px solid #d6d6d6;
	}
	.sidebar-item:first-of-type {
		margin-top: 0;
	}
	.hero-lockup {
		margin: 1em auto;
		width: 300px;
		height: 194px;
		background-image: url("/xcode/swiftui/images/hero-lockup-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) {
		.hero-lockup {
			background-image: url("/xcode/swiftui/images/hero-lockup-small_2x.png")
		}
	}
	.code-sample {
		margin: 1em 0;
		width: 300px;
		height: 137px;
	}
	.example-syntax {
		background-image: url("/xcode/swiftui/images/example-syntax-light-small.jpg");
		width: 280px;
		height: 179px;
	}
	@media (prefers-color-scheme: dark) {
		.example-syntax {
			background-image: url("/xcode/swiftui/images/example-syntax-dark-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) {
		.example-syntax {
			background-image: url("/xcode/swiftui/images/example-syntax-light-small_2x.jpg")
		}
		@media (prefers-color-scheme: dark) {
			.example-syntax {
				background-image: url("/xcode/swiftui/images/example-syntax-dark-large_2x.jpg");
			}
		}		
	}
	.example-design {
		background-image: url("/xcode/swiftui/images/example-design-small.jpg");
		width: 280px;
		height: 175px;
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
		.example-design {
			background-image: url("/xcode/swiftui/images/example-design-small_2x.jpg")
		}
	}
	.video-image {
		width: 280px;
		height: 178px;
		background-size: 100% 100%;
		background-position: center center;
	}
}