.section-preview .column:first-of-type p {
  padding-right: 1em;
}
.section-preview .column:last-of-type p {
  padding-left: 1em;
}

.device-macbook-pro-space-grey {
  margin-top: 2em;
}

.image-hero-screen {
  background-image: url("/safari/technology-preview/images/screen-hero-large.jpg");
}
@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-screen {
	  background-image: url("/safari/technology-preview/images/screen-hero-large_2x.jpg");
  }
}

.icon-image {
  margin-bottom: 1em;
  width: 96px;
  height: 96px;
  background-size: 96px 96px;
  background-repeat: no-repeat;
  background-position: center center;
}

.icon-safari {
  background-image: url("/assets/elements/icons/safari-technology-preview/safari-technology-preview-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) {
  .icon-safari {
    background-image: url("/assets/elements/icons/safari-technology-preview/safari-technology-preview-128x128_2x.png");
  }
}

@media only screen and (max-width: 1068px) {
  .image-hero-screen {
    background-image: url("/safari/technology-preview/images/screen-hero-medium.jpg");
  }
  @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-screen {
      background-image: url("/safari/technology-preview/images/screen-hero-medium_2x.jpg");
    }
  }
}

@media only screen and (max-width: 735px) {
  .section-preview .column:first-of-type p {
    padding-right: 0;
  }
  .section-preview .column:last-of-type p {
    padding-left: 0;
  }
  .device-macbook-pro-space-grey {
    margin-top: 1em;
  }
  .image-hero-screen {
    background-image: url("/safari/technology-preview/images/screen-hero-small.jpg");
  }
  @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-screen {
      background-image: url("/safari/technology-preview/images/screen-hero-small_2x.jpg");
    }
  }
}


/* ========== Grid Changes ========== */
#main section.section {
  padding-top: 2em;
  padding-bottom: 2em;
}
#main section.section.section-hero {
  padding-top: 3em;
}
#main section .section-content .row {
  margin-left: 0;
  margin-right: 0;
}
#main section .section-content .row > .column {
  padding: 0;
}

@media only screen and (max-width: 1068px) {
  #main section .section-content .row {
    margin-left: 0;
    margin-right: 0;
  }
  #main section .section-content .row > .column {
    padding: 0;
  }
}

@media only screen and (max-width: 735px) {
  #main section.section {
    padding-top: 1em;
    padding-bottom: 1em;
  }
  #main section .section-content .row {
    margin-left: 0;
    margin-right: 0;
  }
  #main section .section-content .row > .column {
    padding: 1em 0;
  }
}