@charset "UTF-8";
.contentnav {
  text-align: center; }
  .contentnav-items {
    margin: 0;
    list-style: none;
    display: inline-block;
    max-width: 960px; }
    @media only screen and (max-width: 1068px) {
      .contentnav-items {
        max-width: 576px; } }
    @media only screen and (max-width: 735px) {
      .contentnav-items {
        width: 384px;
        max-width: 100%; } }
  .contentnav-item {
    float: left;
    margin: 28px 0;
    width: 192px; }
    .contentnav-item:nth-last-child(6):first-child ~ :nth-child(3n+1) {
      clear: left; }
    .contentnav-item:nth-last-child(7):first-child ~ :nth-child(4n+1) {
      clear: left; }
    .contentnav-item:nth-last-child(8):first-child ~ :nth-child(4n+1) {
      clear: left; }
    .contentnav-item:nth-last-child(11):first-child ~ :nth-child(4n+1) {
      clear: left; }
    .contentnav-item:nth-last-child(12):first-child ~ :nth-child(4n+1) {
      clear: left; }
    .contentnav-item:nth-last-child(16):first-child ~ :nth-child(4n+1) {
      clear: left; }
    @media only screen and (max-width: 1068px) {
      .contentnav-item:first-child:first-child ~ :nth-child(1n) {
        clear: none; }
      .contentnav-item:first-child:first-child ~ :nth-child(3n+1) {
        clear: left; } }
    @media only screen and (max-width: 735px) {
      .contentnav-item {
        width: 50%; }
        .contentnav-item:first-child:first-child ~ :nth-child(1n) {
          clear: none; }
        .contentnav-item:first-child:first-child ~ :nth-child(2n+1) {
          clear: left; } }
  .contentnav-content {
    margin: 0 auto;
    width: 122px; }
  .contentnav-icon {
    display: block;
    margin: 0 auto; }
  .contentnav-title {
    font-size: 17px;
    line-height: 1.29412;
    font-weight: 500;
    letter-spacing: -0.021em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    margin-top: 17px;
    margin-bottom: 6px; }
    .contentnav-title:lang(ar) {
      letter-spacing: 0em;
      font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
    .contentnav-title:lang(ja) {
      letter-spacing: 0em;
      font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
    .contentnav-title:lang(ko) {
      letter-spacing: 0em;
      font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
    .contentnav-title:lang(th) {
      letter-spacing: 0em;
      font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
    .contentnav-title:lang(zh) {
      letter-spacing: 0em; }
    .contentnav-title:lang(zh-CN) {
      font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
    .contentnav-title:lang(zh-HK) {
      font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
    .contentnav-title:lang(zh-MO) {
      font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
    .contentnav-title:lang(zh-TW) {
      font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  .contentnav-copy, .contentnav-cta {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: -0.01em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    margin: 0; }
    .contentnav-copy:lang(ar), .contentnav-cta:lang(ar) {
      letter-spacing: 0em;
      font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
    .contentnav-copy:lang(ja), .contentnav-cta:lang(ja) {
      letter-spacing: 0em;
      font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
    .contentnav-copy:lang(ko), .contentnav-cta:lang(ko) {
      letter-spacing: 0em;
      font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
    .contentnav-copy:lang(th), .contentnav-cta:lang(th) {
      letter-spacing: 0em;
      font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
    .contentnav-copy:lang(zh), .contentnav-cta:lang(zh) {
      letter-spacing: 0em; }
    .contentnav-copy:lang(zh-CN), .contentnav-cta:lang(zh-CN) {
      font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
    .contentnav-copy:lang(zh-HK), .contentnav-cta:lang(zh-HK) {
      font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
    .contentnav-copy:lang(zh-MO), .contentnav-cta:lang(zh-MO) {
      font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
    .contentnav-copy:lang(zh-TW), .contentnav-cta:lang(zh-TW) {
      font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  .contentnav-cta {
    margin-top: 11px; }

.contentnav-item:nth-last-child(12):first-child ~ :nth-child(4n+1) {
  clear: none; }

.section .image-lorem-ipsum {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 1.5em; }

.contentnav {
  padding-top: 32px;
  position: relative;
  width: 100%;
  background-color: #222222;
  z-index: 9; }
  .contentnav .contentnav-item {
    width: 160px;
    height: 143px; }
  @media only screen and (max-width: 735px) {
    .contentnav .contentnav-item {
      width: 160px; } }
  @media only screen and (max-width: 735px) and (max-width: 735px) {
    .contentnav .contentnav-item {
      width: 192px; } }

@media only screen and (max-width: 1068px) {
  .contentnav-items {
    max-width: 640px; } }

@media only screen and (max-width: 1068px) {
  .contentnav-item:first-child:first-child ~ :nth-child(3n+1) {
    clear: none; } }

.image-airmail {
  width: 50px;
  height: 50px;
  background-image: url(/National_Library/20161002033601oe_/https://developer.apple.com/design/awards/images/icons/wwdc2017-icon-airmail.png);
  background-size: 50px 50px; }

.image-bear {
  width: 50px;
  height: 50px;
  background-image: url(/National_Library/20161002033601oe_/https://developer.apple.com/design/awards/images/icons/wwdc2017-icon-bear.png);
  background-size: 50px 50px; }

.image-blackbox {
  width: 50px;
  height: 50px;
  background-image: url(/National_Library/20161002033601oe_/https://developer.apple.com/design/awards/images/icons/wwdc2017-icon-blackbox.png);
  background-size: 50px 50px; }

.image-elk {
  width: 50px;
  height: 50px;
  background-image: url(/National_Library/20161002033601oe_/https://developer.apple.com/design/awards/images/icons/wwdc2017-icon-elk.png);
  background-size: 50px 50px; }

.image-enlight {
  width: 50px;
  height: 50px;
  background-image: url(/National_Library/20161002033601oe_/https://developer.apple.com/design/awards/images/icons/wwdc2017-icon-enlight.png);
  background-size: 50px 50px; }

.image-kitchen-stories {
  width: 50px;
  height: 50px;
  background-image: url(/National_Library/20161002033601oe_/https://developer.apple.com/design/awards/images/icons/wwdc2017-icon-kitchen-stories.png);
  background-size: 50px 50px; }

.image-lake {
  width: 50px;
  height: 50px;
  background-image: url(/National_Library/20161002033601oe_/https://developer.apple.com/design/awards/images/icons/wwdc2017-icon-lake.png);
  background-size: 50px 50px; }

.image-mushroom-11 {
  width: 50px;
  height: 50px;
  background-image: url(/National_Library/20161002033601oe_/https://developer.apple.com/design/awards/images/icons/wwdc2017-icon-mushroom-11.png);
  background-size: 50px 50px; }

.image-old-mans-journey {
  width: 50px;
  height: 50px;
  background-image: url(/National_Library/20161002033601oe_/https://developer.apple.com/design/awards/images/icons/wwdc2017-icon-old-mans-journey.png);
  background-size: 50px 50px; }

.image-severed {
  width: 50px;
  height: 50px;
  background-image: url(/National_Library/20161002033601oe_/https://developer.apple.com/design/awards/images/icons/wwdc2017-icon-severed.png);
  background-size: 50px 50px; }

.image-splitter-critters {
  width: 50px;
  height: 50px;
  background-image: url(/National_Library/20161002033601oe_/https://developer.apple.com/design/awards/images/icons/wwdc2017-icon-splitter-critters.png);
  background-size: 50px 50px; }

.image-things-3 {
  width: 50px;
  height: 50px;
  background-image: url(/National_Library/20161002033601oe_/https://developer.apple.com/design/awards/images/icons/wwdc2017-icon-things-3.png);
  background-size: 50px 50px; }

.app-hero {
  width: 100%;
  background-repeat: no-repeat; }

.section-icon {
  margin-bottom: 1.5em; }

.hero-airmail {
  width: 893px;
  height: 409px;
  background-image: url(/National_Library/20161002033601oe_/https://developer.apple.com/design/awards/images/screens/wwdc2017-screenshot-airmail.png);
  background-size: 878px 409px;
  left: -70px;
  position: relative; }
  @media only screen and (max-width: 1068px) {
    .hero-airmail {
      left: -44px;
      height: 282px;
      background-image: url(/National_Library/20161002033601oe_/https://developer.apple.com/design/awards/images/screens/wwdc2017-screenshot-airmail-medium.png);
      background-size: 615px 282px; } }
  @media only screen and (max-width: 735px) {
    .hero-airmail {
      left: 0;
      height: 129px;
      background-image: url(/National_Library/20161002033601oe_/https://developer.apple.com/design/awards/images/screens/wwdc2017-screenshot-airmail-small.png);
      background-size: 280px 129px; } }

.hero-bear {
  height: 571px;
  background-image: url(/National_Library/20161002033601oe_/https://developer.apple.com/design/awards/images/screens/wwdc2017-screenshot-bear.png);
  background-size: 808px 571px; }
  @media only screen and (max-width: 1068px) {
    .hero-bear {
      height: 435px;
      background-image: url(/National_Library/20161002033601oe_/https://developer.apple.com/design/awards/images/screens/wwdc2017-screenshot-bear-medium.png);
      background-size: 615px 435px; } }
  @media only screen and (max-width: 735px) {
    .hero-bear {
      height: 198px;
      background-image: url(/National_Library/20161002033601oe_/https://developer.apple.com/design/awards/images/screens/wwdc2017-screenshot-bear-small.png);
      background-size: 280px 198px; } }

.hero-lake {
  height: 571px;
  background-image: url(/National_Library/20161002033601oe_/https://developer.apple.com/design/awards/images/screens/wwdc2017-screenshot-lake.png);
  background-size: 808px 571px; }
  @media only screen and (max-width: 1068px) {
    .hero-lake {
      height: 435px;
      background-image: url(/National_Library/20161002033601oe_/https://developer.apple.com/design/awards/images/screens/wwdc2017-screenshot-lake-medium.png);
      background-size: 615px 435px; } }
  @media only screen and (max-width: 735px) {
    .hero-lake {
      height: 198px;
      background-image: url(/National_Library/20161002033601oe_/https://developer.apple.com/design/awards/images/screens/wwdc2017-screenshot-lake-small.png);
      background-size: 280px 198px; } }

.hero-mushroom-11 {
  height: 571px;
  background-image: url(/National_Library/20161002033601oe_/https://developer.apple.com/design/awards/images/screens/wwdc2017-screenshot-mushroom-11.png);
  background-size: 808px 571px; }
  @media only screen and (max-width: 1068px) {
    .hero-mushroom-11 {
      height: 435px;
      background-image: url(/National_Library/20161002033601oe_/https://developer.apple.com/design/awards/images/screens/wwdc2017-screenshot-mushroom-11-medium.png);
      background-size: 615px 435px; } }
  @media only screen and (max-width: 735px) {
    .hero-mushroom-11 {
      height: 198px;
      background-image: url(/National_Library/20161002033601oe_/https://developer.apple.com/design/awards/images/screens/wwdc2017-screenshot-mushroom-11-small.png);
      background-size: 280px 198px; } }

.hero-old-mans-journey {
  height: 571px;
  background-image: url(/National_Library/20161002033601oe_/https://developer.apple.com/design/awards/images/screens/wwdc2017-screenshot-old-mans-journey.png);
  background-size: 808px 571px; }
  @media only screen and (max-width: 1068px) {
    .hero-old-mans-journey {
      height: 435px;
      background-image: url(/National_Library/20161002033601oe_/https://developer.apple.com/design/awards/images/screens/wwdc2017-screenshot-old-mans-journey-medium.png);
      background-size: 615px 435px; } }
  @media only screen and (max-width: 735px) {
    .hero-old-mans-journey {
      height: 198px;
      background-image: url(/National_Library/20161002033601oe_/https://developer.apple.com/design/awards/images/screens/wwdc2017-screenshot-old-mans-journey-small.png);
      background-size: 280px 198px; } }

.hero-severed {
  height: 571px;
  background-image: url(/National_Library/20161002033601oe_/https://developer.apple.com/design/awards/images/screens/wwdc2017-screenshot-severed.png);
  background-size: 808px 571px; }
  @media only screen and (max-width: 1068px) {
    .hero-severed {
      height: 435px;
      background-image: url(/National_Library/20161002033601oe_/https://developer.apple.com/design/awards/images/screens/wwdc2017-screenshot-severed-medium.png);
      background-size: 615px 435px; } }
  @media only screen and (max-width: 735px) {
    .hero-severed {
      height: 198px;
      background-image: url(/National_Library/20161002033601oe_/https://developer.apple.com/design/awards/images/screens/wwdc2017-screenshot-severed-small.png);
      background-size: 280px 198px; } }

.hero-splitter-critters {
  height: 571px;
  background-image: url(/National_Library/20161002033601oe_/https://developer.apple.com/design/awards/images/screens/wwdc2017-screenshot-splitter-critters.png);
  background-size: 808px 571px; }
  @media only screen and (max-width: 1068px) {
    .hero-splitter-critters {
      height: 435px;
      background-image: url(/National_Library/20161002033601oe_/https://developer.apple.com/design/awards/images/screens/wwdc2017-screenshot-splitter-critters-medium.png);
      background-size: 615px 435px; } }
  @media only screen and (max-width: 735px) {
    .hero-splitter-critters {
      height: 198px;
      background-image: url(/National_Library/20161002033601oe_/https://developer.apple.com/design/awards/images/screens/wwdc2017-screenshot-splitter-critters-small.png);
      background-size: 280px 198px; } }

.hero-blackbox {
  height: 506px;
  background-image: url(/National_Library/20161002033601oe_/https://developer.apple.com/design/awards/images/screens/wwdc2017-screenshot-blackbox.png);
  background-size: 808px 506px; }
  @media only screen and (max-width: 1068px) {
    .hero-blackbox {
      height: 385px;
      background-image: url(/National_Library/20161002033601oe_/https://developer.apple.com/design/awards/images/screens/wwdc2017-screenshot-blackbox-medium.png);
      background-size: 615px 385px; } }
  @media only screen and (max-width: 735px) {
    .hero-blackbox {
      height: 175px;
      background-image: url(/National_Library/20161002033601oe_/https://developer.apple.com/design/awards/images/screens/wwdc2017-screenshot-blackbox-small.png);
      background-size: 280px 175px; } }

.hero-enlight {
  height: 506px;
  background-image: url(/National_Library/20161002033601oe_/https://developer.apple.com/design/awards/images/screens/wwdc2017-screenshot-enlight.png);
  background-size: 808px 506px; }
  @media only screen and (max-width: 1068px) {
    .hero-enlight {
      height: 385px;
      background-image: url(/National_Library/20161002033601oe_/https://developer.apple.com/design/awards/images/screens/wwdc2017-screenshot-enlight-medium.png);
      background-size: 615px 385px; } }
  @media only screen and (max-width: 735px) {
    .hero-enlight {
      height: 175px;
      background-image: url(/National_Library/20161002033601oe_/https://developer.apple.com/design/awards/images/screens/wwdc2017-screenshot-enlight-small.png);
      background-size: 280px 175px; } }

.hero-elk {
  height: 506px;
  background-image: url(/National_Library/20161002033601oe_/https://developer.apple.com/design/awards/images/screens/wwdc2017-screenshot-elk.png);
  background-size: 315px 506px; }
  @media only screen and (max-width: 735px) {
    .hero-elk {
      height: 450px;
      background-image: url(/National_Library/20161002033601oe_/https://developer.apple.com/design/awards/images/screens/wwdc2017-screenshot-elk-small.png);
      background-size: 280px 450px; } }

.hero-kitchen-stories {
  height: 484px;
  background-image: url(/National_Library/20161002033601oe_/https://developer.apple.com/design/awards/images/screens/wwdc2017-screenshot-kitchen-stories.png);
  background-size: 808px 484px; }
  @media only screen and (max-width: 1068px) {
    .hero-kitchen-stories {
      height: 369px;
      background-image: url(/National_Library/20161002033601oe_/https://developer.apple.com/design/awards/images/screens/wwdc2017-screenshot-kitchen-stories-medium.png);
      background-size: 615px 369px; } }
  @media only screen and (max-width: 735px) {
    .hero-kitchen-stories {
      height: 168px;
      background-image: url(/National_Library/20161002033601oe_/https://developer.apple.com/design/awards/images/screens/wwdc2017-screenshot-kitchen-stories-small.png);
      background-size: 280px 168px; } }

.hero-things-3 {
  height: 468px;
  background-image: url(/National_Library/20161002033601oe_/https://developer.apple.com/design/awards/images/screens/wwdc2017-screenshot-things.png);
  background-size: 808px 468px; }
  @media only screen and (max-width: 1068px) {
    .hero-things-3 {
      height: 356px;
      background-image: url(/National_Library/20161002033601oe_/https://developer.apple.com/design/awards/images/screens/wwdc2017-screenshot-things-medium.png);
      background-size: 615px 356px; } }
  @media only screen and (max-width: 735px) {
    .hero-things-3 {
      height: 163px;
      background-image: url(/National_Library/20161002033601oe_/https://developer.apple.com/design/awards/images/screens/wwdc2017-screenshot-things-small.png);
      background-size: 280px 163px; } }

.gallery {
  height: 654px;
  overflow: hidden !important;
  position: relative; }
  .gallery:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 66.73%; }
  @media only screen and (max-width: 1068px) {
    .gallery {
      height: 462px; } }
  @media only screen and (max-width: 735px) {
    .gallery {
      height: 187px;
      width: 280px;
      margin-left: auto;
      margin-right: auto; } }
  .gallery img {
    width: 980px;
    height: auto; }
    @media only screen and (max-width: 1068px) {
      .gallery img {
        width: 726px; } }
    @media only screen and (max-width: 735px) {
      .gallery img {
        width: 280px; } }

.with-paddlenav {
  width: 100%;
  position: absolute;
  margin-left: -1.5em;
  bottom: 50%; }
  @media only screen and (max-width: 735px) {
    .with-paddlenav {
      margin-left: 0; } }
  .with-paddlenav .paddlenav-framed .paddlenav-arrow-next {
    right: 40px; }
    @media only screen and (max-width: 735px) {
      .with-paddlenav .paddlenav-framed .paddlenav-arrow-next {
        right: 18px; } }
  .with-paddlenav .paddlenav-framed .paddlenav-arrow-previous {
    left: 40px; }
    @media only screen and (max-width: 735px) {
      .with-paddlenav .paddlenav-framed .paddlenav-arrow-previous {
        left: 18px; } }

.dotnav {
  position: absolute;
  width: 100%; }
  .dotnav:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 66.73%; }
    @media only screen and (max-width: 735px) {
      .dotnav:before {
        padding-top: 208px; } }

.app-store-badge-us {
  display: block;
  width: 135px;
  height: 40px;
  text-indent: -9999px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url("/National_Library/20161002033601oe_/https://developer.apple.com/design/awards/images/Download_on_the_App_Store_Badge_US-UK_135x40.svg");
  background-size: 135px 40px;
  margin-bottom: 1.5em;
  float: right; }

@media only screen and (max-width: 1068px) {
  .app-store-badge-us {
    float: none; } }

.mac-app-store-badge-us {
  display: block;
  width: 165px;
  height: 40px;
  text-indent: -9999px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url("/National_Library/20161002033601oe_/https://developer.apple.com/design/awards/images/Download_on_the_Mac_App_Store_Badge_US-UK_165x40.svg");
  background-size: 165px 40px;
  margin-bottom: 1.5em;
  float: right; }

@media only screen and (max-width: 1068px) {
  .app-store-badge-us {
    float: none; } }

figcaption {
  text-indent: -9999px;
  overflow: hidden; }

.section {
  padding-top: 120px;
  padding-bottom: 120px; }

.section:nth-of-type(even) {
  background-color: #222222; }

dt {
  font-weight: 600;
  color: #FFFFFF; }

dd {
  margin-bottom: 1.5em; }

.section-header {
  width: 100%;
  background-color: #000;
  background-image: url(/National_Library/20161002033601oe_/https://developer.apple.com/design/awards/images/ada-2017-hero-small_2x.jpg);
  background-size: 621px 497px;
  background-position: center 160px;
  background-repeat: no-repeat;
  height: 648px;
  padding-top: 80px; }