#overview .link-overview,
#iphone .link-iphone,
#ipad .link-ipad,
#machine-learning .link-machine-learning,
#arkit .link-arkit,
#more .link-more,
#submissions .link-submissions,
#whats-new .link-whats-new {
  color: rgba(51, 51, 51, 0.6);
  pointer-events: none;
}

@media all and (max-width: 767px) {
  .small-12.divider-left {
    border-left:none;
  }
}

.section-header {
  padding-top: 64px;
  padding-bottom: 64px;
}

.bg-grad-darker-down {
  background: #FFFFFF;
  background: linear-gradient(to top, #FFFFFF 0%, #efefef 100%);
}

/* Hero */

.image-hero {
	position: relative;
	height: 695px;
	margin-top: 24px;
	margin-bottom: 64px;
	background-repeat: no-repeat;
	background-image: url('/National_Library/20160521004321oe_/https://developer.apple.com/ios/images/hero-ipad-pro-ios-12-large.png');
	background-size: 1047px 695px;
	background-position: center;
}

@media only screen and (max-width: 1068px) {
	.image-hero {
		height: 519px;
		background-image: url('/National_Library/20160521004321oe_/https://developer.apple.com/ios/images/hero-ipad-pro-ios-12-medium.png');
		background-size: 781px 519px;
	}
}

@media only screen and (max-width: 735px) {
	.image-hero {
		height: 212px;
		background-image: url('/National_Library/20160521004321oe_/https://developer.apple.com/ios/images/hero-ipad-pro-ios-12-small.png');
		background-size: 320px 212px;
    background-position: center center;
	}
}

/* iPad */

.section-ipad {
  overflow: hidden;
}

.section-ipad .block {
  position: relative;
}

.image-ipad {
  width: 732px;
	height: 640px;
	background-repeat: no-repeat;
	background-image: url('/National_Library/20160521004321oe_/https://developer.apple.com/ios/images/col-ipad-large.png?1');
	background-size: 732px 640px;
  background-position: left center;
  margin-left: calc(50% + 200px);
  transform: translateX(-50%);
  margin-top: 50px;
}
@media only screen and (max-width: 1068px) {
  .image-ipad {
    margin-left: calc(50% + 240px);
  }
}
@media only screen and (max-width: 735px) {
  .image-ipad {
    margin-left: calc(100% + 50px);
  }
}

/* @media only screen and (max-width: 735px) {
	.image-ipad {
    width: 100%;
    margin-left: -50px;
    position: relative;
    height: 299px;
    background-image: url('/National_Library/20160521004321oe_/https://developer.apple.com/ios/images/ipad_small.png');
    background-size: 242px 299px;
    background-position: center center;
	}
} */

.section-more {
  background-color: #F2F2F2;
  padding-top: 64px;
  padding-bottom: 64px;
}

[class^="icon-"] {
  width: 64px;
  height: 64px;
  background-size: 64px 64px;
  margin-bottom: 1.5em;
}

.clearfix:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.section-iphone-x .header,
.section-ipad .header {
  min-height: 192px;
}

@media only screen and (max-width: 735px) {
  .section-iphone-x .header,
  .section-ipad .header {
    min-height: auto;
  }
}

.section-ipad .section-content .row > .column,
.section-iphone-x .section-content .row > .column {
  padding-bottom: 0;
  margin-bottom: 0;
}

.section-ipad .image-ipad,
.section-iphone-x .image-iphone-x {
  height: 540px;
  overflow: hidden;
  background-position: top center;
}

/* iPhone X */

.section-iphone-x {
	background-color: #FAFAFA;
	padding-top:64px;
	width: 50%;
	float: left;
	min-height: 380px;
	text-align: center;
	margin-bottom: 24px;
}

.section-iphone-x .section-content {
  width: 100%;
  max-width: 490px;
  float: right;
}

.section-iphone-x a {
	max-width: 360px;
	margin: 0 auto;
}

@media only screen and (max-width: 1068px) {
	.section-iphone-x {
		min-height: 400px;
	}
  .section-iphone-x .section-content {
    max-width: 346px;
  }
}

@media only screen and (max-width: 735px) {
	.section-iphone-x {
		width: 100%;
    float: none;
    margin-left: 0;
		min-height: auto;
	}
  .section-iphone-x .section-content {
    width: 87.5%;
    max-width: inherit;
    float: none;
  }
}


/* iPad */

.section-ipad {
	background-color: #FAFAFA;
	padding-top:64px;
	width: 49%;
	float: left;
	margin-left:1%;
	min-height: 380px;
	text-align: center;
	margin-bottom: 24px;
}

.section-ipad .section-content {
  width: 99%;
  max-width: 490px;
  float: left;
}

.section-ipad a {
	max-width: 360px;
	margin: 0 auto;
}

@media only screen and (max-width: 1068px) {
	.section-ipad {
		min-height: 400px;
	}
  .section-ipad .section-content {
    max-width: 346px;
  }
}

@media only screen and (max-width: 735px) {
	.section-ipad {
		width: 100%;
		float: none;
		margin-left: 0;
		min-height: auto;
	}
  .section-ipad  .section-content {
    width: 87.5%;
    max-width: inherit;
    float: none;
	}
}

.icon-core-ml {
  width: 128px;
  height: 128px;
  background-size: 128px 128px;
  margin: 2em auto 0;
  background-image: url('/National_Library/20160521004321oe_/https://developer.apple.com/assets/elements/icons/core-ml/core-ml-128x128.png');
}

.icon-arkit {
  width: 128px;
  height: 128px;
  background-size: 128px 128px;
  margin: 2em auto 0;
  background-image: url('/National_Library/20160521004321oe_/https://developer.apple.com/assets/elements/icons/arkit/arkit-128x128.png');
}

.section-more .column {
  margin-bottom: 48px;
}

.icon-camera {
  background-image: url('/National_Library/20160521004321oe_/https://developer.apple.com/assets/elements/icons/camera/camera-64x64.png');
}

.icon-sirikit {
  background-image: url('/National_Library/20160521004321oe_/https://developer.apple.com/assets/elements/icons/sirikit/sirikit-64x64.png');
}

.icon-drag-and-drop {
  background-image: url('/National_Library/20160521004321oe_/https://developer.apple.com/assets/elements/icons/drag-and-drop/drag-and-drop-64x64.png');
}

.icon-files {
  background-image: url('/National_Library/20160521004321oe_/https://developer.apple.com/assets/elements/icons/files/files-64x64.png');
}

.icon-musickit {
  background-image: url('/National_Library/20160521004321oe_/https://developer.apple.com/assets/elements/icons/musickit/musickit-64x64.png');
}

.icon-airplay {
  background-image: url('/National_Library/20160521004321oe_/https://developer.apple.com/assets/elements/icons/airplay-2/airplay-2-64x64.png');
}

.icon-indoor-maps {
  background-image: url('/National_Library/20160521004321oe_/https://developer.apple.com/assets/elements/icons/maps_ios/maps_ios-64x64.png');
}

.icon-business-chat {
  background-image: url('/National_Library/20160521004321oe_/https://developer.apple.com/assets/elements/icons/messages-chat/messages-64x64.png');
}

/* App Store */

.section-app-store {
  background: #fafafa;
  margin-top: 24px;
  margin-bottom: 24px;
  padding-top: 64px;
  padding-bottom:64px;
  position: relative;
  min-height: 608px;
}

.section-app-store .copy-wrapper {
  margin-top: 70px;
}

@media only screen and (max-width: 735px) {
  .section-app-store .copy-wrapper {
    margin-top: 0px;
  }
}

figure[data-figure-id="image-app-store"] {
	position: absolute;
  top: 64px;
  left: 54%;
	width: 738px;
	height: 480px;
	background-repeat: no-repeat;
	background-image: url('/National_Library/20160521004321oe_/https://developer.apple.com/ios/images/app-store-hero-large.png');
	background-size: 738px 480px;
	background-position: left middle;
}

@media only screen and (max-width: 1068px) {
  
	figure[data-figure-id="image-app-store"] {
    
	}
}

@media only screen and (max-width: 735px) {
  
	figure[data-figure-id="image-app-store"] {
    top: 0;
    left: 0;
    position: relative;
    margin-top: 48px;
		background-position: 24px center;
	}
}




/* iPhone X */

.section-iphone h2 { margin-top:126px; }

.section-iphone {
  background-color: #fafafa;
  padding-top: 64px;
  padding-bottom: 64px;
  margin-bottom: 1.5em;
  position: relative;
  min-height: 688px;
}

.image-iphone-x {
	width: 100%;
	height: 509px;
	margin-top: 50px;
	background-repeat: no-repeat;
	background-image: url('/National_Library/20160521004321oe_/https://developer.apple.com/ios/images/col-iphone-large.png');
	background-size: 254px 509px;
	background-position: left center;
}


@media only screen and (max-width: 735px) {
	.section-iphone h2 { margin-top:0; }
}

.section-whats-new {
  background: #e6e6e6;
}

.section-app-store-blue {
  background: rgb(0,112,201);
	background: linear-gradient(320deg, #d2e3f3 0%, #eff5f9 100%);
}

.image-arkit2-device {
  display: block;
  transform: rotate(-8.4deg);
}

@media only screen and (max-width: 1068px) {
  .image-arkit2-device {
    width: calc(1000px*.75);
    height: calc(695px*.75);
  }
}