#main .section-content.divider-bottom {
	padding-bottom: 4em;
}

#main .section-hero .section-content.divider-bottom {
	padding-bottom: 0;
}


overlay p {
	margin: 0.0px 0.0px 0.0px 0.0px;
	font: 16.0px 'Helvetica Neue';
	min-height: 16.0px;
	line-height: 24px;
}

.divider {
	margin: 3em 0;
}

span.s1 {
	text-decoration: underline
}

.section-tools h3.typography-label {
	margin-top: 1.6em;
}

@media only screen and (max-width: 735px) {
	.divider {
		margin: 2em 0;
	}
	h3.typography-label {
		margin-top: 1.6em;
	}
	.row > .column:first-of-type > h3:first-of-type.typography-label {
		margin-top: 0;
	}
	#main .section-content.divider-bottom {
		padding-bottom: 2em;
	}
}


/* ========== Images ========== */
.image-hero {
	margin-top: 2em;
	width: 780px;
	height: 344px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../images/fonts-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) {
	.image-hero {
		background-image: url("../images/fonts-hero-large_2x.png")
	}
}

.image-sf {
	margin: 0 auto;
	width: 211px;
	height: 147px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../images/font-sf.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) {
	.image-sf {
		background-image: url("../images/font-sf_2x.png")
	}
}

.image-xcode {
	margin: 0 auto;
	width: 128px;
	height: 128px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../../assets/elements/icons/xcode-project/xcode-project-128x128.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) {
	.image-xcode {
		background-image: url("../../assets/elements/icons/xcode-project/xcode-project-128x128_2x.png")
	}
}

.image-aat {
	margin: 0 auto;
	width: 150px;
	height: 186px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../images/fig01.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) {
	.image-aat {
		background-image: url("../images/fig01_2x.png")
	}
}

@media only screen and (max-width: 1068px) {
	.image-hero {
		width: 692px;
		height: 305px;
		background-image: url("../images/fonts-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) {
		.image-hero {
			background-image: url("../images/fonts-hero-medium_2x.png")
		}
	}
}
@media only screen and (max-width: 735px) {
	.image-hero {
		width: 328px;
		height: 145px;
		background-image: url("../images/fonts-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) {
		.image-hero {
			background-image: url("../images/fonts-hero-small_2x.png")
		}
	}
	.image-sf {
		margin: 0 0 1em;
	}
	.image-xcode {
		margin: 0 0 1em;
	}
	.image-aat {
		margin: 0 0 1em;
	}
}


/* ========== Grid Changes ========== */
#main section.section {
	padding-bottom: 0;
}
#main section.section.section-sf {
	padding-top: 3em;
}
#main section.section.section-aat {
	padding-bottom: 4em;
}

@media only screen and (max-width: 735px) {
	#main section.section {
		padding-bottom: 0;
	}
	#main section.section.section-sf {
		padding-top: 2em;
	}
	#main section.section.section-aat {
		padding-bottom: 2em;
	}
}
.landing .col-1 {padding:0px !important; width:auto !important;} #footer, #header, .navigationbar {display:none !important} [id]:target,[name]:target,[name]:target+* { animation:none; -webkit-animation:none; } .main {margin:1px 7px !important; width:100% !important; max-width:none !important; } .context {width:100% !important; padding:0px !important;} .copy-notice {width:auto !important} .header {display:none !important} .content {margin-right:14px !important} .mainContent p {max-width:none !important} .breadcrumb {display:none}
.toc {display:none}
.descr {margin-top:0px !important} .descr {min-height:0px}
body{background:none}
.wrapper{background:none}
.hd{display:none}
.bd{background:none !important}
.sidebar{display:none}
.wrap{margin:0px}
.toolbar{display:none}
.ft{display:none}
body {padding:10px !important}