.page-overview .keyline-top {
  border-top: 1px solid #d6d6d6; }

.page-overview .section-content {
  text-align: center; }
  .page-overview .section-content h4 {
    margin-bottom: 17px; }
    @media only screen and (max-width: 735px) {
      .page-overview .section-content h4 {
        margin-bottom: 10px; } }
  .page-overview .section-content p.copy {
    margin-left: auto;
    margin-right: auto;
    width: 720px; }
    @media only screen and (max-width: 1068px) {
      .page-overview .section-content p.copy {
        width: 680px; } }
    @media only screen and (max-width: 735px) {
      .page-overview .section-content p.copy {
        width: auto; } }

.page-overview .section-hero .section-content .hero-app-icon {
  background-repeat: no-repeat;
  background-size: 100px 100px;
  height: 100px;
  width: 100px;
  background-image: url("/v/ios/m/images/overview/hero_icon_large.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .page-overview .section-hero .section-content .hero-app-icon {
      background-image: url("/v/ios/m/images/overview/hero_icon_large_2x.png"); } }
  @media only screen and (max-width: 1068px) {
    .page-overview .section-hero .section-content .hero-app-icon {
      background-size: 86px 86px;
      height: 86px;
      width: 86px;
      background-image: url("/v/ios/m/images/overview/hero_icon_medium.png"); } }
  @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .page-overview .section-hero .section-content .hero-app-icon {
      background-image: url("/v/ios/m/images/overview/hero_icon_medium_2x.png"); } }
  @media only screen and (max-width: 735px) {
    .page-overview .section-hero .section-content .hero-app-icon {
      background-size: 63px 63px;
      height: 63px;
      width: 63px;
      background-image: url("/v/ios/m/images/overview/hero_icon_small.png"); } }
  @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .page-overview .section-hero .section-content .hero-app-icon {
      background-image: url("/v/ios/m/images/overview/hero_icon_small_2x.png"); } }

.page-overview .section-hero .section-content .hero-image {
  background-repeat: no-repeat;
  background-size: 1203px 1242px;
  height: 1242px;
  width: 1203px;
  margin-left: -111.5px;
  background-image: url("/v/ios/m/images/overview/hero_large.jpg");
  margin-top: -28px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .page-overview .section-hero .section-content .hero-image {
      background-image: url("/v/ios/m/images/overview/hero_large_2x.jpg"); } }
  @media only screen and (max-width: 1068px) {
    .page-overview .section-hero .section-content .hero-image {
      background-size: 999px 993px;
      height: 993px;
      width: 999px;
      margin-left: -153.5px;
      background-image: url("/v/ios/m/images/overview/hero_medium.jpg"); } }
  @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .page-overview .section-hero .section-content .hero-image {
      background-image: url("/v/ios/m/images/overview/hero_medium_2x.jpg"); } }
  @media only screen and (max-width: 735px) {
    .page-overview .section-hero .section-content .hero-image {
      background-size: 474px 485px;
      height: 485px;
      width: 111.11111%;
      margin-left: -5.55556%;
      margin-right: -5.55556%;
      background-position: center top;
      background-image: url("/v/ios/m/images/overview/hero_small.jpg"); } }
  @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .page-overview .section-hero .section-content .hero-image {
      background-image: url("/v/ios/m/images/overview/hero_small_2x.jpg"); } }
  @media only screen and (max-width: 1068px) {
    .page-overview .section-hero .section-content .hero-image {
      margin-top: -92px; } }
  @media only screen and (max-width: 735px) {
    .page-overview .section-hero .section-content .hero-image {
      margin-top: -26px; } }

.page-overview .ios93preview-tile {
  margin-top: -238px;
  background: #fafafa;
  position: relative;
  z-index: 5; }
  @media only screen and (max-width: 1068px) {
    .page-overview .ios93preview-tile {
      margin-top: -116px; } }
  @media only screen and (max-width: 735px) {
    .page-overview .ios93preview-tile {
      margin-top: -76px; } }
  .page-overview .ios93preview-tile .copy {
    width: 100%; }
  .page-overview .ios93preview-tile .headline-subsection {
    margin-bottom: 8px; }
  .page-overview .ios93preview-tile .section-content {
    padding: 50px 0 268px;
    text-align: center; }
    @media only screen and (max-width: 1068px) {
      .page-overview .ios93preview-tile .section-content {
        padding: 50px 0 212px; } }
    @media only screen and (max-width: 735px) {
      .page-overview .ios93preview-tile .section-content {
        padding: 40px 0 0; } }
  .page-overview .ios93preview-tile .tile-keyline {
    height: 60%;
    position: absolute;
    top: 20%;
    left: 50%;
    border-left: 1px solid #d6d6d6; }
    @media only screen and (max-width: 735px) {
      .page-overview .ios93preview-tile .tile-keyline {
        display: none; } }
  .page-overview .ios93preview-tile .image-ios-education-preview-tile {
    background-repeat: no-repeat;
    background-size: 188px 240px;
    height: 240px;
    width: 188px;
    background-image: url("/v/ios/m/images/overview/ios_education_preview_tile_large.jpg");
    margin-left: 150px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .page-overview .ios93preview-tile .image-ios-education-preview-tile {
        background-image: url("/v/ios/m/images/overview/ios_education_preview_tile_large_2x.jpg"); } }
    @media only screen and (max-width: 1068px) {
      .page-overview .ios93preview-tile .image-ios-education-preview-tile {
        background-size: 147px 187px;
        height: 187px;
        width: 147px;
        background-image: url("/v/ios/m/images/overview/ios_education_preview_tile_medium.jpg"); } }
  @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .page-overview .ios93preview-tile .image-ios-education-preview-tile {
      background-image: url("/v/ios/m/images/overview/ios_education_preview_tile_medium_2x.jpg"); } }
    @media only screen and (max-width: 735px) {
      .page-overview .ios93preview-tile .image-ios-education-preview-tile {
        background-size: 147px 188px;
        height: 188px;
        width: 147px;
        background-image: url("/v/ios/m/images/overview/ios_education_preview_tile_small.jpg"); } }
  @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .page-overview .ios93preview-tile .image-ios-education-preview-tile {
      background-image: url("/v/ios/m/images/overview/ios_education_preview_tile_small_2x.jpg"); } }
    @media only screen and (max-width: 1068px) {
      .page-overview .ios93preview-tile .image-ios-education-preview-tile {
        margin-left: 98px; } }
    @media only screen and (max-width: 735px) {
      .page-overview .ios93preview-tile .image-ios-education-preview-tile {
        margin: 40px auto 0; } }
  .page-overview .ios93preview-tile .image-ios93-preview-tile {
    background-repeat: no-repeat;
    background-size: 245px 241px;
    height: 241px;
    width: 245px;
    background-image: url("/v/ios/m/images/overview/ios93_preview_tile_large.jpg");
    margin-left: -374px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .page-overview .ios93preview-tile .image-ios93-preview-tile {
        background-image: url("/v/ios/m/images/overview/ios93_preview_tile_large_2x.jpg"); } }
    @media only screen and (max-width: 1068px) {
      .page-overview .ios93preview-tile .image-ios93-preview-tile {
        background-size: 191px 188px;
        height: 188px;
        width: 191px;
        background-image: url("/v/ios/m/images/overview/ios93_preview_tile_medium.jpg"); } }
  @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .page-overview .ios93preview-tile .image-ios93-preview-tile {
      background-image: url("/v/ios/m/images/overview/ios93_preview_tile_medium_2x.jpg"); } }
    @media only screen and (max-width: 735px) {
      .page-overview .ios93preview-tile .image-ios93-preview-tile {
        background-size: 288px 187px;
        height: 187px;
        width: 288px;
        background-image: url("/v/ios/m/images/overview/ios93_preview_tile_small.jpg"); } }
  @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .page-overview .ios93preview-tile .image-ios93-preview-tile {
      background-image: url("/v/ios/m/images/overview/ios93_preview_tile_small_2x.jpg"); } }
    @media only screen and (max-width: 1068px) {
      .page-overview .ios93preview-tile .image-ios93-preview-tile {
        margin-left: -274px; } }
    @media only screen and (max-width: 735px) {
      .page-overview .ios93preview-tile .image-ios93-preview-tile {
        margin: 40px auto 40px; } }
  .page-overview .ios93preview-tile .tile-image {
    position: absolute;
    left: 50%;
    bottom: 0; }
    @media only screen and (max-width: 735px) {
      .page-overview .ios93preview-tile .tile-image {
        position: relative;
        left: auto;
        bottom: auto;
        margin: 0 auto;
        float: left;
        width: 100%; } }

.page-overview .section-whats-new .whats-new-image {
  background-repeat: no-repeat;
  background-size: 966px 575px;
  height: 575px;
  width: 966px;
  margin-left: auto;
  margin-right: auto;
  background-image: url("/v/ios/m/images/overview/whats_new_large.jpg");
  margin-top: 49px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .page-overview .section-whats-new .whats-new-image {
      background-image: url("/v/ios/m/images/overview/whats_new_large_2x.jpg"); } }
  @media only screen and (max-width: 1068px) {
    .page-overview .section-whats-new .whats-new-image {
      background-size: 705px 419px;
      height: 419px;
      width: 705px;
      margin-left: -6.5px;
      background-image: url("/v/ios/m/images/overview/whats_new_medium.jpg"); } }
  @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .page-overview .section-whats-new .whats-new-image {
      background-image: url("/v/ios/m/images/overview/whats_new_medium_2x.jpg"); } }
  @media only screen and (max-width: 735px) {
    .page-overview .section-whats-new .whats-new-image {
      background-size: 333px 199px;
      height: 199px;
      width: 111.11111%;
      margin-left: -5.55556%;
      margin-right: -5.55556%;
      background-position: center top;
      background-image: url("/v/ios/m/images/overview/whats_new_small.jpg"); } }
  @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .page-overview .section-whats-new .whats-new-image {
      background-image: url("/v/ios/m/images/overview/whats_new_small_2x.jpg"); } }
  @media only screen and (max-width: 1068px) {
    .page-overview .section-whats-new .whats-new-image {
      margin-top: 32px; } }
  @media only screen and (max-width: 735px) {
    .page-overview .section-whats-new .whats-new-image {
      margin-top: 28px; } }

.page-overview .section-what-is {
  margin-top: -42px; }
  @media only screen and (max-width: 1068px) {
    .page-overview .section-what-is {
      margin-top: -81px; } }
  @media only screen and (max-width: 735px) {
    .page-overview .section-what-is {
      margin-top: -63px; } }
  .page-overview .section-what-is .what-is-image {
    background-repeat: no-repeat;
    background-size: 2033px 754px;
    height: 754px;
    width: 2033px;
    margin-left: -526.5px;
    background-image: url("/v/ios/m/images/overview/what_is_large.jpg");
    margin-top: -100px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .page-overview .section-what-is .what-is-image {
        background-image: url("/v/ios/m/images/overview/what_is_large_2x.jpg"); } }
    @media only screen and (max-width: 1068px) {
      .page-overview .section-what-is .what-is-image {
        background-size: 1488px 551px;
        height: 551px;
        width: 1488px;
        margin-left: -398px;
        background-image: url("/v/ios/m/images/overview/what_is_medium.jpg"); } }
  @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .page-overview .section-what-is .what-is-image {
      background-image: url("/v/ios/m/images/overview/what_is_medium_2x.jpg"); } }
    @media only screen and (max-width: 735px) {
      .page-overview .section-what-is .what-is-image {
        background-size: 710px 265px;
        height: 265px;
        width: 111.11111%;
        margin-left: -5.55556%;
        margin-right: -5.55556%;
        background-position: center top;
        background-image: url("/v/ios/m/images/overview/what_is_small.jpg"); } }
  @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .page-overview .section-what-is .what-is-image {
      background-image: url("/v/ios/m/images/overview/what_is_small_2x.jpg"); } }
    @media only screen and (max-width: 1068px) {
      .page-overview .section-what-is .what-is-image {
        margin-top: -79px; } }
    @media only screen and (max-width: 735px) {
      .page-overview .section-what-is .what-is-image {
        margin-top: -6px; } }

.page-overview .section-easy-to-update {
  margin-top: -21px; }
  @media only screen and (max-width: 735px) {
    .page-overview .section-easy-to-update {
      margin-top: -11px; } }
  .page-overview .section-easy-to-update .section-content {
    padding: 85px 0 98px 0; }
    @media only screen and (max-width: 1068px) {
      .page-overview .section-easy-to-update .section-content {
        padding: 75px 0 69px 0; } }
    @media only screen and (max-width: 735px) {
      .page-overview .section-easy-to-update .section-content {
        padding: 52px 0 44px 0; } }
    .page-overview .section-easy-to-update .section-content .row {
      padding: 0 126px; }
      @media only screen and (max-width: 1068px) {
        .page-overview .section-easy-to-update .section-content .row {
          padding: 0 40px; } }
      @media only screen and (max-width: 735px) {
        .page-overview .section-easy-to-update .section-content .row {
          padding: 0; } }
    .page-overview .section-easy-to-update .section-content .settings-icon {
      background-repeat: no-repeat;
      background-size: 85px 85px;
      height: 85px;
      width: 85px;
      background-image: url("/v/ios/m/images/overview/settings_icon_large.png");
      margin-bottom: 16px; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .page-overview .section-easy-to-update .section-content .settings-icon {
          background-image: url("/v/ios/m/images/overview/settings_icon_large_2x.png"); } }
      @media only screen and (max-width: 1068px) {
        .page-overview .section-easy-to-update .section-content .settings-icon {
          background-size: 73px 73px;
          height: 73px;
          width: 73px;
          background-image: url("/v/ios/m/images/overview/settings_icon_medium.png"); } }
  @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .page-overview .section-easy-to-update .section-content .settings-icon {
      background-image: url("/v/ios/m/images/overview/settings_icon_medium_2x.png"); } }
      @media only screen and (max-width: 735px) {
        .page-overview .section-easy-to-update .section-content .settings-icon {
          background-size: 58px 58px;
          height: 58px;
          width: 58px;
          background-image: url("/v/ios/m/images/overview/settings_icon_small.png"); } }
  @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .page-overview .section-easy-to-update .section-content .settings-icon {
      background-image: url("/v/ios/m/images/overview/settings_icon_small_2x.png"); } }
    .page-overview .section-easy-to-update .section-content h3 {
      margin: 8px 0;
      text-align: left; }
    .page-overview .section-easy-to-update .section-content p.copy {
      width: auto;
      text-align: left; }

.page-overview .section-ios-frameworks .section-content {
  padding: 85px 0 75px 0; }
  @media only screen and (max-width: 1068px) {
    .page-overview .section-ios-frameworks .section-content {
      padding: 80px 0 8px 0; } }
  @media only screen and (max-width: 735px) {
    .page-overview .section-ios-frameworks .section-content {
      padding: 60px 0 16px 0; } }
  .page-overview .section-ios-frameworks .section-content:before, .page-overview .section-ios-frameworks .section-content:after {
    content: ' ';
    display: table; }
  .page-overview .section-ios-frameworks .section-content:after {
    clear: both; }
  html.oldie .page-overview .section-ios-frameworks .section-content {
    zoom: 1; }
  @media only screen and (max-width: 735px) {
    .page-overview .section-ios-frameworks .section-content h4, .page-overview .section-ios-frameworks .section-content p.copy, .page-overview .section-ios-frameworks .section-content a.more {
      text-align: left;
      width: auto; } }

@media only screen and (max-width: 1068px) {
  .page-overview .section-ios-frameworks .column {
    padding-bottom: 64px; } }

@media only screen and (max-width: 735px) {
  .page-overview .section-ios-frameworks .column {
    padding-bottom: 48px; } }

@media only screen and (max-width: 735px) {
  .page-overview .section-ios-frameworks .column {
    float: none;
    width: auto;
    text-align: left;
    margin: 0 auto; } }

.page-overview .section-ios-frameworks .homekit-icon {
  background-repeat: no-repeat;
  background-size: 75px 75px;
  height: 75px;
  width: 75px;
  background-image: url("/v/ios/m/images/overview/homekit_icon_large.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .page-overview .section-ios-frameworks .homekit-icon {
      background-image: url("/v/ios/m/images/overview/homekit_icon_large_2x.png"); } }
  @media only screen and (max-width: 1068px) {
    .page-overview .section-ios-frameworks .homekit-icon {
      background-size: 63px 63px;
      height: 63px;
      width: 63px;
      background-image: url("/v/ios/m/images/overview/homekit_icon_medium.png"); } }
  @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .page-overview .section-ios-frameworks .homekit-icon {
      background-image: url("/v/ios/m/images/overview/homekit_icon_medium_2x.png"); } }
  @media only screen and (max-width: 735px) {
    .page-overview .section-ios-frameworks .homekit-icon {
      background-size: 50px 50px;
      height: 50px;
      width: 50px;
      background-image: url("/v/ios/m/images/overview/homekit_icon_small.png"); } }
  @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .page-overview .section-ios-frameworks .homekit-icon {
      background-image: url("/v/ios/m/images/overview/homekit_icon_small_2x.png"); } }

.page-overview .section-ios-frameworks .healthkit-icon {
  background-repeat: no-repeat;
  background-size: 75px 75px;
  height: 75px;
  width: 75px;
  background-image: url("/v/ios/m/images/overview/healthkit_icon_large.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .page-overview .section-ios-frameworks .healthkit-icon {
      background-image: url("/v/ios/m/images/overview/healthkit_icon_large_2x.png"); } }
  @media only screen and (max-width: 1068px) {
    .page-overview .section-ios-frameworks .healthkit-icon {
      background-size: 63px 63px;
      height: 63px;
      width: 63px;
      background-image: url("/v/ios/m/images/overview/healthkit_icon_medium.png"); } }
  @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .page-overview .section-ios-frameworks .healthkit-icon {
      background-image: url("/v/ios/m/images/overview/healthkit_icon_medium_2x.png"); } }
  @media only screen and (max-width: 735px) {
    .page-overview .section-ios-frameworks .healthkit-icon {
      background-size: 50px 50px;
      height: 50px;
      width: 50px;
      background-image: url("/v/ios/m/images/overview/healthkit_icon_small.png"); } }
  @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .page-overview .section-ios-frameworks .healthkit-icon {
      background-image: url("/v/ios/m/images/overview/healthkit_icon_small_2x.png"); } }

.page-overview .section-ios-frameworks .carplay-icon {
  background-repeat: no-repeat;
  background-size: 75px 75px;
  height: 75px;
  width: 75px;
  background-image: url("/v/ios/m/images/overview/carplay_icon_large.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .page-overview .section-ios-frameworks .carplay-icon {
      background-image: url("/v/ios/m/images/overview/carplay_icon_large_2x.png"); } }
  @media only screen and (max-width: 1068px) {
    .page-overview .section-ios-frameworks .carplay-icon {
      background-size: 63px 63px;
      height: 63px;
      width: 63px;
      background-image: url("/v/ios/m/images/overview/carplay_icon_medium.png"); } }
  @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .page-overview .section-ios-frameworks .carplay-icon {
      background-image: url("/v/ios/m/images/overview/carplay_icon_medium_2x.png"); } }
  @media only screen and (max-width: 735px) {
    .page-overview .section-ios-frameworks .carplay-icon {
      background-size: 50px 50px;
      height: 50px;
      width: 50px;
      background-image: url("/v/ios/m/images/overview/carplay_icon_small.png"); } }
  @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .page-overview .section-ios-frameworks .carplay-icon {
      background-image: url("/v/ios/m/images/overview/carplay_icon_small_2x.png"); } }

.page-overview .section-ios-frameworks .icon {
  margin-bottom: 33px;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (max-width: 1068px) {
    .page-overview .section-ios-frameworks .icon {
      margin-bottom: 21px; } }
  @media only screen and (max-width: 735px) {
    .page-overview .section-ios-frameworks .icon {
      margin-bottom: 19px; } }
  @media only screen and (max-width: 735px) {
    .page-overview .section-ios-frameworks .icon {
      float: none;
      width: auto; } }

.page-overview .section-ios-frameworks p.copy {
  width: auto;
  margin-left: 20px;
  margin-right: 20px; }
  @media only screen and (max-width: 1068px) {
    .page-overview .section-ios-frameworks p.copy {
      margin-left: 100px; } }
  @media only screen and (max-width: 735px) {
    .page-overview .section-ios-frameworks p.copy {
      margin-left: 0; } }
  @media only screen and (max-width: 1068px) {
    .page-overview .section-ios-frameworks p.copy {
      margin-right: 100px; } }
  @media only screen and (max-width: 735px) {
    .page-overview .section-ios-frameworks p.copy {
      margin-right: 0; } }

html.oldie .page-overview .violator {
  position: relative; }

html.oldie .page-overview .section-what-is .copy, html.oldie .page-overview .section-what-is .more-block {
  position: relative; }