#overview .link-overview,
#ide .link-ide,
#interface-builder .link-interface-builder,
#features .link-features,
#documentation .link-documentation{
	color: rgba(51, 51, 51, 0.6);
	pointer-events: none;
}

.section-header {
  padding-top: 32px;
  padding-bottom: 64px;
  background-color: #FAFAFA;
}

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

.section-refactor-and-transform {
  padding-top: 64px;
  background-color: #FAFAFA;
}

.section-github {
	padding-top: 48px;
  padding-bottom: 64px;
  background-color: #FAFAFA;
}

.section-swift-and-wireless {
  padding-top: 64px;
  padding-bottom: 64px;
}

.section-simulate-and-test {
  padding-top: 64px;
  padding-bottom: 64px;
  background-color: #FAFAFA;
}

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

figure[data-figure-id="icon-swift"] {
  margin-bottom: 1.5em;
  width: 64px;
  height: 64px;
  background-size: 64px 64px;
  background-image: url(/assets/elements/icons/swift/swift-64x64.png);
}

figure[data-figure-id="icon-wireless"] {
  margin-bottom: 1.5em;
  width: 86px;
  height: 64px;
  background-size: 86px 64px;
  background-image: url(../images/icon-wifi.png);
}

figure[data-figure-id="image-hero"] {
	margin: 24px auto 0;
	width: 100%;
	height: 664px;
	background-image: url(../images/xcode-9-hero-large.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 1165px 664px;
}

@media only screen and (min-resolution: 1.5dppx),
only screen and (min-resolution: 144dpi) {
    figure[data-figure-id="image-hero"] {
        background-image: url(../images/xcode-9-hero-large_2x.png);
    }
}

@media only screen and (max-width: 1068px) {
    figure[data-figure-id="image-hero"] {
        height: 485px;
        background-size: 851px 485px;
        background-image: url(../images/xcode-9-hero-medium.png);
    }
}

@media only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    figure[data-figure-id="image-hero"] {
        background-image: url(../images/xcode-9-hero-medium_2x.png);
    }
}

@media only screen and (max-width: 735px) {
    figure[data-figure-id="image-hero"] {
      height: 212px;
      background-size: 376px 212px;
      background-image: url(../images/xcode-9-hero-small.png);
    }
}

@media only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    figure[data-figure-id="image-hero"] {
        background-image: url(../images/xcode-9-hero-small_2x.png);
    }
}

figure[data-figure-id="image-simulator"] {
	margin: 24px auto 0;
	width: 100%;
	height: 664px;
	background-image: url(../images/xcode-9-simulator-large.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 1165px 664px;
}

@media only screen and (min-resolution: 1.5dppx),
only screen and (min-resolution: 144dpi) {
    figure[data-figure-id="image-simulator"] {
        background-image: url(../images/xcode-9-simulator-large_2x.png);
    }
}

@media only screen and (max-width: 1068px) {
    figure[data-figure-id="image-simulator"] {
        height: 485px;
        background-size: 851px 485px;
        background-image: url(../images/xcode-9-simulator-medium.png);
    }
}

@media only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    figure[data-figure-id="image-simulator"] {
        background-image: url(../images/xcode-9-simulator-medium_2x.png);
    }
}

@media only screen and (max-width: 735px) {
    figure[data-figure-id="image-simulator"] {
      height: 212px;
      background-size: 376px 212px;
      background-image: url(../images/xcode-9-simulator-small.png);
    }
}

@media only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    figure[data-figure-id="image-simulator"] {
        background-image: url(../images/xcode-9-simulator-small_2x.png);
    }
}


figure[data-figure-id="image-refactoring"] {
	margin: 24px auto 0;
	width: 100%;
	height: 664px;
	background-image: url(../images/xcode-9-refactoring-large.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 1165px 664px;
}

@media only screen and (min-resolution: 1.5dppx),
only screen and (min-resolution: 144dpi) {
    figure[data-figure-id="image-refactoring"] {
        background-image: url(../images/xcode-9-refactoring-large_2x.png);
    }
}

@media only screen and (max-width: 1068px) {
    figure[data-figure-id="image-refactoring"] {
        height: 485px;
        background-size: 851px 485px;
        background-image: url(../images/xcode-9-refactoring-medium.png);
    }
}

@media only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    figure[data-figure-id="image-refactoring"] {
        background-image: url(../images/xcode-9-refactoring-medium_2x.png);
    }
}

@media only screen and (max-width: 735px) {
    figure[data-figure-id="image-refactoring"] {
      height: 212px;
      background-size: 376px 212px;
      background-image: url(../images/xcode-9-refactoring-small.png);
    }
}

@media only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    figure[data-figure-id="image-refactoring"] {
        background-image: url(../images/xcode-9-refactoring-small_2x.png);
    }
}
