/* images  */
.page-overview .section-productivity .image-tile1 {
  background-image: url("/mideast/business/enterprise/a/images/overview/productivity_macos__di2g7pdqjhyu_large.jpg");
}

@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-productivity .image-tile1 {
    background-image: url("/mideast/business/enterprise/a/images/overview/productivity_macos__di2g7pdqjhyu_large_2x.jpg");
  }
}

@media only screen and (max-width: 1068px) {
  .page-overview .section-productivity .image-tile1 {
    background-image: url("/mideast/business/enterprise/a/images/overview/productivity_macos__di2g7pdqjhyu_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-productivity .image-tile1 {
    background-image: url("/mideast/business/enterprise/a/images/overview/productivity_macos__di2g7pdqjhyu_medium_2x.jpg");
  }
}

@media only screen and (max-width: 734px) {
  .page-overview .section-productivity .image-tile1-small {
    background-image: url("/mideast/business/enterprise/a/images/overview/productivity_macos__di2g7pdqjhyu_small.jpg");
  }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 734px) and (min-resolution: 144dpi) {
  .page-overview .section-productivity .image-tile1-small {
    background-image: url("/mideast/business/enterprise/a/images/overview/productivity_macos__di2g7pdqjhyu_small_2x.jpg");
  }
}

.page-overview .section-security .image-security {
  background-image: url("/mideast/business/enterprise/a/images/overview/it_security__d1dkvqm92126_large.jpg");
}

@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-security .image-security {
    background-image: url("/mideast/business/enterprise/a/images/overview/it_security__d1dkvqm92126_large_2x.jpg");
  }
}

@media only screen and (max-width: 1068px) {
  .page-overview .section-security .image-security {
    background-image: url("/mideast/business/enterprise/a/images/overview/it_security__d1dkvqm92126_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-security .image-security {
    background-image: url("/mideast/business/enterprise/a/images/overview/it_security__d1dkvqm92126_medium_2x.jpg");
  }
}

@media only screen and (max-width: 734px) {
  .page-overview .section-security .image-security {
    background-image: url("/mideast/business/enterprise/a/images/overview/it_security__d1dkvqm92126_small.jpg");
  }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 734px) and (min-resolution: 144dpi) {
  .page-overview .section-security .image-security {
    background-image: url("/mideast/business/enterprise/a/images/overview/it_security__d1dkvqm92126_small_2x.jpg");
  }
}

.page-overview .section-how-to-buy .image-hero-poster {
  background-image: url("/mideast/business/enterprise/a/images/overview/howtobuy__c4uksubjzauu_large.jpg");
}

@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-how-to-buy .image-hero-poster {
    background-image: url("/mideast/business/enterprise/a/images/overview/howtobuy__c4uksubjzauu_large_2x.jpg");
  }
}

@media only screen and (max-width: 1068px) {
  .page-overview .section-how-to-buy .image-hero-poster {
    background-image: url("/mideast/business/enterprise/a/images/overview/howtobuy__c4uksubjzauu_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-how-to-buy .image-hero-poster {
    background-image: url("/mideast/business/enterprise/a/images/overview/howtobuy__c4uksubjzauu_medium_2x.jpg");
  }
}

@media only screen and (max-width: 734px) {
  .page-overview .section-how-to-buy .image-hero-poster {
    background-image: url("/mideast/business/enterprise/a/images/overview/howtobuy__c4uksubjzauu_small.jpg");
  }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 734px) and (min-resolution: 144dpi) {
  .page-overview .section-how-to-buy .image-hero-poster {
    background-image: url("/mideast/business/enterprise/a/images/overview/howtobuy__c4uksubjzauu_small_2x.jpg");
  }
}

/* this section comes from an older version, modify the styling only if needed */
.page-overview .section-hero .image-ipad-center1 {
  z-index: 8;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  width: 556px;
  height: 426px;
  background-size: 556px 426px;
  background-repeat: no-repeat;
  background-image: url("/mideast/business/enterprise/a/images/overview/hero_ipad_center1__s52z15bi99my_large.png");
  margin-left: -278px;
}

@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 .image-ipad-center1 {
    background-image: url("/mideast/business/enterprise/a/images/overview/hero_ipad_center1__s52z15bi99my_large_2x.png");
  }
}

@media only screen and (max-width: 1068px) {
  .page-overview .section-hero .image-ipad-center1 {
    width: 479px;
    height: 368px;
    background-size: 479px 368px;
    background-repeat: no-repeat;
    background-image: url("/mideast/business/enterprise/a/images/overview/hero_ipad_center1__s52z15bi99my_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 .image-ipad-center1 {
    background-image: url("/mideast/business/enterprise/a/images/overview/hero_ipad_center1__s52z15bi99my_medium_2x.png");
  }
}

@media only screen and (max-width: 734px) {
  .page-overview .section-hero .image-ipad-center1 {
    width: 235px;
    height: 181px;
    background-size: 235px 181px;
    background-repeat: no-repeat;
    background-image: url("/mideast/business/enterprise/a/images/overview/hero_ipad_center3__duf0mdu1dd8i_small.png");
  }
}

@media only screen and (max-width: 734px) and(-webkit-min-device-pixel-ratio: 1.5),
  only screen and(max-width: 734px) and(min-resolution: 1.5dppx),
  only screen and(max-width: 734px) and(min-resolution: 144dpi) {
  .page-overview .section-hero .image-ipad-center1 {
    background-image: url("/mideast/business/enterprise/a/images/overview/hero_ipad_center3__duf0mdu1dd8i_small_2x.png");
  }
}

.page-overview .section-hero .image-macbook {
  z-index: -1;
  width: 679px;
  height: 464px;
  background-size: 679px 464px;
  background-repeat: no-repeat;
  background-image: url("/mideast/business/enterprise/a/images/overview/hero_macbook__ekcbds4u94a6_large.png");
  margin-top: 242px;
  margin-left: -1035px;
}

@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 .image-macbook {
    background-image: url("/mideast/business/enterprise/a/images/overview/hero_macbook__ekcbds4u94a6_large_2x.png");
  }
}

@media only screen and (max-width: 1068px) {
  .page-overview .section-hero .image-macbook {
    width: 261px;
    height: 467px;
    background-size: 261px 467px;
    background-repeat: no-repeat;
    background-image: url("/mideast/business/enterprise/a/images/overview/hero_macbook__ekcbds4u94a6_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 .image-macbook {
    background-image: url("/mideast/business/enterprise/a/images/overview/hero_macbook__ekcbds4u94a6_medium_2x.png");
  }
}

@media only screen and (max-width: 734px) {
  .page-overview .section-hero .image-macbook {
    width: 242px;
    height: 256px;
    background-size: 242px 256px;
    background-repeat: no-repeat;
    background-image: url("/mideast/business/enterprise/a/images/overview/hero_macbook__ekcbds4u94a6_small.png");
  }
}

@media only screen and (max-width: 734px) and(-webkit-min-device-pixel-ratio: 1.5),
  only screen and(max-width: 734px) and(min-resolution: 1.5dppx),
  only screen and(max-width: 734px) and(min-resolution: 144dpi) {
  .page-overview .section-hero .image-macbook {
    background-image: url("/mideast/business/enterprise/a/images/overview/hero_macbook__ekcbds4u94a6_small_2x.png");
  }
}

.page-overview .section-hero .image-ipad-center2 {
  z-index: 10;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  width: 1554px;
  height: 1190px;
  background-size: 1554px 1190px;
  background-repeat: no-repeat;
  background-image: url("/mideast/business/enterprise/a/images/overview/hero_ipad_center2__duf0mdu1dd8i_large.jpg");
  margin-left: -777px;
}

@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 .image-ipad-center2 {
    background-image: url("/mideast/business/enterprise/a/images/overview/hero_ipad_center2__duf0mdu1dd8i_large_2x.jpg");
  }
}

@media only screen and (min-width: 1441px) {
  .page-overview .section-hero .image-ipad-center2 {
    width: 3240px;
    height: 2482px;
    background-size: 3240px 2482px;
    background-repeat: no-repeat;
    background-image: url("/mideast/business/enterprise/a/images/overview/hero_ipad_center2__duf0mdu1dd8i_xlarge.jpg");
  }
}

@media only screen and (min-width: 1441px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1441px) and (min-resolution: 1.5dppx),
  only screen and (min-width: 1441px) and (min-resolution: 144dpi) {
  .page-overview .section-hero .image-ipad-center2 {
    background-image: url("/mideast/business/enterprise/a/images/overview/hero_ipad_center2__duf0mdu1dd8i_xlarge_2x.jpg");
  }
}

@media only screen and (max-width: 1068px) {
  .page-overview .section-hero .image-ipad-center2 {
    width: 1032px;
    height: 792px;
    background-size: 1032px 792px;
    background-repeat: no-repeat;
    background-image: url("/mideast/business/enterprise/a/images/overview/hero_ipad_center2__duf0mdu1dd8i_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 .image-ipad-center2 {
    background-image: url("/mideast/business/enterprise/a/images/overview/hero_ipad_center2__duf0mdu1dd8i_medium_2x.jpg");
  }
}

@media only screen and (max-width: 734px) {
  .page-overview .section-hero .image-ipad-center2 {
    width: 736px;
    height: 564px;
    background-size: 736px 564px;
    background-repeat: no-repeat;
    background-image: url("/mideast/business/enterprise/a/images/overview/hero_ipad_center2__duf0mdu1dd8i_small.jpg");
  }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 734px) and (min-resolution: 144dpi) {
  .page-overview .section-hero .image-ipad-center2 {
    background-image: url("/mideast/business/enterprise/a/images/overview/hero_ipad_center2__duf0mdu1dd8i_small_2x.jpg");
  }
}

.page-overview .section-hero .image-ipad-center3 {
  z-index: 9;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  display: none;
}

@media only screen and (max-width: 734px) {
  .page-overview .section-hero .image-ipad-center3 {
    display: block;
    margin-left: -368px;
  }
}

@media only screen and (max-width: 734px) and(max-width: 734px) {
  .page-overview .section-hero .image-ipad-center3 {
    width: 736px;
    height: 564px;
    background-size: 736px 564px;
    background-repeat: no-repeat;
    background-image: url("/mideast/business/enterprise/a/images/overview/hero_ipad_center3__duf0mdu1dd8i_small.png");
  }
}

@media only screen and (max-width: 734px) and(max-width: 734px) and(-webkit-min-device-pixel-ratio: 1.5),
  only screen and(max-width: 734px) and(max-width: 734px) and(min-resolution: 1.5dppx),
  only screen and(max-width: 734px) and(max-width: 734px) and(min-resolution: 144dpi) {
  .page-overview .section-hero .image-ipad-center3 {
    background-image: url("/mideast/business/enterprise/a/images/overview/hero_ipad_center3__duf0mdu1dd8i_small_2x.png");
  }
}

/*
.page-overview .section-hero .image-ipad-top {
  width: 489px;
  height: 354px;
  background-size: 489px 354px;
  background-repeat: no-repeat;
  background-image: url("/v/business/enterprise/a/images/overview/hero_ipad_top__xe8akbwavrme_large.jpg");
  margin-top: -317px;
  margin-left: -278px;
}

@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 .image-ipad-top {
    background-image: url("/v/business/enterprise/a/images/overview/hero_ipad_top__xe8akbwavrme_large_2x.jpg");
  }
}

@media only screen and (max-width: 1068px) {
  .page-overview .section-hero .image-ipad-top {
    width: 422px;
    height: 305px;
    background-size: 422px 305px;
    background-repeat: no-repeat;
    background-image: url("/v/business/enterprise/a/images/overview/hero_ipad_top__xe8akbwavrme_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 .image-ipad-top {
    background-image: url("/v/business/enterprise/a/images/overview/hero_ipad_top__xe8akbwavrme_medium_2x.jpg");
  }
}

@media only screen and (max-width: 734px) {
  .page-overview .section-hero .image-ipad-top {
    width: 206px;
    height: 149px;
    background-size: 206px 149px;
    background-repeat: no-repeat;
    background-image: url("/v/business/enterprise/a/images/overview/hero_ipad_top__xe8akbwavrme_small.jpg");
  }
}

@media only screen and (max-width: 734px) and(-webkit-min-device-pixel-ratio: 1.5),
  only screen and(max-width: 734px) and(min-resolution: 1.5dppx),
  only screen and(max-width: 734px) and(min-resolution: 144dpi) {
  .page-overview .section-hero .image-ipad-top {
    background-image: url("/v/business/enterprise/a/images/overview/hero_ipad_top__xe8akbwavrme_small_2x.jpg");
  }
}*/

/* Ribbon */

/* Ribbon ends */

/* hero section - modify only if needed */

.page-overview .section-hero-poster-background .hero-poster-copy-block {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 200px 12.5%;
}

@media only screen and (max-width: 1068px) {
  .page-overview .section-hero-poster-background .hero-poster-copy-block {
    padding: 170px 12.5%;
  }
}

@media only screen and (max-width: 734px) {
  .page-overview .section-hero-poster-background .hero-poster-copy-block {
    padding: 100px 12%;
  }
}

.page-overview .section-hero-poster-background .hero-poster-copy-block.router {
  padding: 135px 12.5%;
}

@media only screen and (max-width: 1068px) {
  .page-overview
    .section-hero-poster-background
    .hero-poster-copy-block.router {
    padding: 100px 12.5%;
  }
}

@media only screen and (max-width: 734px) {
  .page-overview
    .section-hero-poster-background
    .hero-poster-copy-block.router {
    padding: 125px 12%;
  }
}

.page-overview
  .section-hero-poster-background
  .hero-poster-copy-block
  .hero-poster-copy {
  margin-top: 30px;
}

@media only screen and (max-width: 1068px) {
  .page-overview
    .section-hero-poster-background
    .hero-poster-copy-block
    .hero-poster-copy {
    margin-top: 25px;
  }
}

@media only screen and (max-width: 734px) {
  .page-overview
    .section-hero-poster-background
    .hero-poster-copy-block
    .hero-poster-copy {
    margin-top: 20px;
  }
}

.page-overview .section-hero-poster-no-background {
  margin-top: 300px;
}

@media only screen and (max-width: 1068px) {
  .page-overview .section-hero-poster-no-background {
    margin-top: 200px;
  }
}

@media only screen and (max-width: 734px) {
  .page-overview .section-hero-poster-no-background {
    margin-top: 130px;
  }
}

.page-overview .section-hero-poster-no-background .image-hero-poster {
  margin-top: 100px;
}

@media only screen and (max-width: 1068px) {
  .page-overview .section-hero-poster-no-background .image-hero-poster {
    margin-top: 100px;
  }
}

@media only screen and (max-width: 734px) {
  .page-overview .section-hero-poster-no-background .image-hero-poster {
    margin-top: 80px;
  }
}

.page-overview .section-hero-poster-background .animated-poster-container {
  height: 190vh;
}

.page-overview
  .section-hero-poster-background
  .animated-poster-container
  .grid-container
  .grid-item {
  background-color: transparent;
}

.page-overview
  .section-hero-poster-background
  .animated-poster-container
  .grid-container
  .hero-poster-copy-block {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 200px 12.5%;
}

@media only screen and (max-width: 1068px) {
  .page-overview
    .section-hero-poster-background
    .animated-poster-container
    .grid-container
    .hero-poster-copy-block {
    padding: 170px 12.5%;
  }
}

@media only screen and (max-width: 734px) {
  .page-overview
    .section-hero-poster-background
    .animated-poster-container
    .grid-container
    .hero-poster-copy-block {
    padding: 100px 12%;
  }
}

.page-overview
  .section-hero-poster-background
  .animated-poster-container
  .section-content-container {
  position: relative;
  height: calc(100vh - var(--globalnav-height));
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.page-overview
  .section-hero-poster-background
  .animated-poster-container
  .sticky-container {
  margin-top: calc(0px - var(--localnav-height) - var(--globalnav-height));
  -webkit-transition: 0.9s opacity 0.5s;
  transition: 0.9s opacity 0.5s;
  position: -webkit-sticky;
  position: sticky;
  z-index: 2;
  top: var(--localnav-height);
  width: 100%;
  overflow: hidden;
  min-height: calc(100vh - var(--globalnav-height));
  opacity: 0;
}

.page-overview
  .section-hero-poster-background
  .animated-poster-container
  .sticky-container.js-opacity-fade {
  opacity: 1;
}

.page-overview
  .section-hero-poster-background
  .animated-poster-container
  .animatable-image {
  position: absolute;
  width: 100vw;
  height: calc(100vh - var(--globalnav-height));
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0;
  overflow: hidden;
}

html.no-js
  .page-overview
  .section-hero-poster-background
  .animated-poster-container,
html.reduced-motion
  .page-overview
  .section-hero-poster-background
  .animated-poster-container,
html.poster-fallback
  .page-overview
  .section-hero-poster-background
  .animated-poster-container,
html.text-zoom
  .page-overview
  .section-hero-poster-background
  .animated-poster-container,
html.no-js
  .page-overview
  .section-hero-poster-background
  .animated-poster-container,
html.reduced-motion
  .page-overview
  .section-hero-poster-background
  .animated-poster-container,
html.poster-fallback
  .page-overview
  .section-hero-poster-background
  .animated-poster-container,
html.text-zoom
  .page-overview
  .section-hero-poster-background
  .animated-poster-container,
html.no-js
  .page-overview
  .section-hero-poster-background
  .animated-poster-container,
html.reduced-motion
  .page-overview
  .section-hero-poster-background
  .animated-poster-container,
html.poster-fallback
  .page-overview
  .section-hero-poster-background
  .animated-poster-container,
html.text-zoom
  .page-overview
  .section-hero-poster-background
  .animated-poster-container,
html.no-js
  .page-overview
  .section-hero-poster-background
  .animated-poster-container,
html.reduced-motion
  .page-overview
  .section-hero-poster-background
  .animated-poster-container,
html.poster-fallback
  .page-overview
  .section-hero-poster-background
  .animated-poster-container,
html.text-zoom
  .page-overview
  .section-hero-poster-background
  .animated-poster-container {
  max-width: 1360px;
  display: grid;
  grid-gap: var(--grid-gutter);
  padding: 0 var(--tile-padding);
  margin: var(--grid-gutter) auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: auto;
  opacity: 1;
  -webkit-transition: 0s opacity 0s;
  transition: 0s opacity 0s;
  min-height: 0;
}

html.no-js .page-overview .section-hero-poster-background .sticky-container,
html.reduced-motion
  .page-overview
  .section-hero-poster-background
  .sticky-container,
html.poster-fallback
  .page-overview
  .section-hero-poster-background
  .sticky-container,
html.text-zoom .page-overview .section-hero-poster-background .sticky-container,
html.no-js .page-overview .section-hero-poster-background .sticky-container,
html.reduced-motion
  .page-overview
  .section-hero-poster-background
  .sticky-container,
html.poster-fallback
  .page-overview
  .section-hero-poster-background
  .sticky-container,
html.text-zoom .page-overview .section-hero-poster-background .sticky-container,
html.no-js .page-overview .section-hero-poster-background .sticky-container,
html.reduced-motion
  .page-overview
  .section-hero-poster-background
  .sticky-container,
html.poster-fallback
  .page-overview
  .section-hero-poster-background
  .sticky-container,
html.text-zoom .page-overview .section-hero-poster-background .sticky-container,
html.no-js .page-overview .section-hero-poster-background .sticky-container,
html.reduced-motion
  .page-overview
  .section-hero-poster-background
  .sticky-container,
html.poster-fallback
  .page-overview
  .section-hero-poster-background
  .sticky-container,
html.text-zoom
  .page-overview
  .section-hero-poster-background
  .sticky-container {
  opacity: 1;
  margin-top: 0;
  position: relative;
  min-height: 0;
  top: unset;
}

html.no-js .page-overview .section-hero-poster-background .animatable-image,
html.reduced-motion
  .page-overview
  .section-hero-poster-background
  .animatable-image,
html.poster-fallback
  .page-overview
  .section-hero-poster-background
  .animatable-image,
html.text-zoom .page-overview .section-hero-poster-background .animatable-image,
html.no-js .page-overview .section-hero-poster-background .animatable-image,
html.reduced-motion
  .page-overview
  .section-hero-poster-background
  .animatable-image,
html.poster-fallback
  .page-overview
  .section-hero-poster-background
  .animatable-image,
html.text-zoom .page-overview .section-hero-poster-background .animatable-image,
html.no-js .page-overview .section-hero-poster-background .animatable-image,
html.reduced-motion
  .page-overview
  .section-hero-poster-background
  .animatable-image,
html.poster-fallback
  .page-overview
  .section-hero-poster-background
  .animatable-image,
html.text-zoom .page-overview .section-hero-poster-background .animatable-image,
html.no-js .page-overview .section-hero-poster-background .animatable-image,
html.reduced-motion
  .page-overview
  .section-hero-poster-background
  .animatable-image,
html.poster-fallback
  .page-overview
  .section-hero-poster-background
  .animatable-image,
html.text-zoom
  .page-overview
  .section-hero-poster-background
  .animatable-image {
  position: absolute;
  width: 100%;
  height: 100%;
}

html.no-js .page-overview .section-hero-poster-background .grid-container,
html.reduced-motion
  .page-overview
  .section-hero-poster-background
  .grid-container,
html.poster-fallback
  .page-overview
  .section-hero-poster-background
  .grid-container,
html.text-zoom .page-overview .section-hero-poster-background .grid-container,
html.no-js .page-overview .section-hero-poster-background .grid-container,
html.reduced-motion
  .page-overview
  .section-hero-poster-background
  .grid-container,
html.poster-fallback
  .page-overview
  .section-hero-poster-background
  .grid-container,
html.text-zoom .page-overview .section-hero-poster-background .grid-container,
html.no-js .page-overview .section-hero-poster-background .grid-container,
html.reduced-motion
  .page-overview
  .section-hero-poster-background
  .grid-container,
html.poster-fallback
  .page-overview
  .section-hero-poster-background
  .grid-container,
html.text-zoom .page-overview .section-hero-poster-background .grid-container,
html.no-js .page-overview .section-hero-poster-background .grid-container,
html.reduced-motion
  .page-overview
  .section-hero-poster-background
  .grid-container,
html.poster-fallback
  .page-overview
  .section-hero-poster-background
  .grid-container,
html.text-zoom .page-overview .section-hero-poster-background .grid-container {
  opacity: 1;
}

html.no-js .page-overview .section-hero-poster-background .grid-item,
html.reduced-motion .page-overview .section-hero-poster-background .grid-item,
html.poster-fallback .page-overview .section-hero-poster-background .grid-item,
html.text-zoom .page-overview .section-hero-poster-background .grid-item,
html.no-js .page-overview .section-hero-poster-background .grid-item,
html.reduced-motion .page-overview .section-hero-poster-background .grid-item,
html.poster-fallback .page-overview .section-hero-poster-background .grid-item,
html.text-zoom .page-overview .section-hero-poster-background .grid-item,
html.no-js .page-overview .section-hero-poster-background .grid-item,
html.reduced-motion .page-overview .section-hero-poster-background .grid-item,
html.poster-fallback .page-overview .section-hero-poster-background .grid-item,
html.text-zoom .page-overview .section-hero-poster-background .grid-item,
html.no-js .page-overview .section-hero-poster-background .grid-item,
html.reduced-motion .page-overview .section-hero-poster-background .grid-item,
html.poster-fallback .page-overview .section-hero-poster-background .grid-item,
html.text-zoom .page-overview .section-hero-poster-background .grid-item {
  opacity: 1;
}

html.no-js
  .page-overview
  .section-hero-poster-background
  .section-content-container,
html.reduced-motion
  .page-overview
  .section-hero-poster-background
  .section-content-container,
html.poster-fallback
  .page-overview
  .section-hero-poster-background
  .section-content-container,
html.text-zoom
  .page-overview
  .section-hero-poster-background
  .section-content-container,
html.no-js
  .page-overview
  .section-hero-poster-background
  .section-content-container,
html.reduced-motion
  .page-overview
  .section-hero-poster-background
  .section-content-container,
html.poster-fallback
  .page-overview
  .section-hero-poster-background
  .section-content-container,
html.text-zoom
  .page-overview
  .section-hero-poster-background
  .section-content-container,
html.no-js
  .page-overview
  .section-hero-poster-background
  .section-content-container,
html.reduced-motion
  .page-overview
  .section-hero-poster-background
  .section-content-container,
html.poster-fallback
  .page-overview
  .section-hero-poster-background
  .section-content-container,
html.text-zoom
  .page-overview
  .section-hero-poster-background
  .section-content-container,
html.no-js
  .page-overview
  .section-hero-poster-background
  .section-content-container,
html.reduced-motion
  .page-overview
  .section-hero-poster-background
  .section-content-container,
html.poster-fallback
  .page-overview
  .section-hero-poster-background
  .section-content-container,
html.text-zoom
  .page-overview
  .section-hero-poster-background
  .section-content-container {
  margin-top: 0;
  height: unset;
  z-index: 3;
  display: block;
  -webkit-box-align: unset;
  -ms-flex-align: unset;
  align-items: unset;
  -webkit-box-pack: unset;
  -ms-flex-pack: unset;
  justify-content: unset;
}

html.no-js.text-zoom
  .page-overview
  .section-hero-poster-background
  .section-content-container,
html.reduced-motion.text-zoom
  .page-overview
  .section-hero-poster-background
  .section-content-container,
html.poster-fallback.text-zoom
  .page-overview
  .section-hero-poster-background
  .section-content-container,
html.text-zoom
  .page-overview
  .section-hero-poster-background
  .section-content-container,
html.no-js.text-zoom
  .page-overview
  .section-hero-poster-background
  .section-content-container,
html.reduced-motion.text-zoom
  .page-overview
  .section-hero-poster-background
  .section-content-container,
html.poster-fallback.text-zoom
  .page-overview
  .section-hero-poster-background
  .section-content-container,
html.text-zoom
  .page-overview
  .section-hero-poster-background
  .section-content-container,
html.no-js.text-zoom
  .page-overview
  .section-hero-poster-background
  .section-content-container,
html.reduced-motion.text-zoom
  .page-overview
  .section-hero-poster-background
  .section-content-container,
html.poster-fallback.text-zoom
  .page-overview
  .section-hero-poster-background
  .section-content-container,
html.text-zoom
  .page-overview
  .section-hero-poster-background
  .section-content-container,
html.no-js.text-zoom
  .page-overview
  .section-hero-poster-background
  .section-content-container,
html.reduced-motion.text-zoom
  .page-overview
  .section-hero-poster-background
  .section-content-container,
html.poster-fallback.text-zoom
  .page-overview
  .section-hero-poster-background
  .section-content-container,
html.text-zoom
  .page-overview
  .section-hero-poster-background
  .section-content-container {
  margin-top: 264px;
}

@media only screen and (max-width: 734px) {
  html.no-js.text-zoom
    .page-overview
    .section-hero-poster-background
    .section-content-container,
  html.reduced-motion.text-zoom
    .page-overview
    .section-hero-poster-background
    .section-content-container,
  html.poster-fallback.text-zoom
    .page-overview
    .section-hero-poster-background
    .section-content-container,
  html.text-zoom
    .page-overview
    .section-hero-poster-background
    .section-content-container,
  html.no-js.text-zoom
    .page-overview
    .section-hero-poster-background
    .section-content-container,
  html.reduced-motion.text-zoom
    .page-overview
    .section-hero-poster-background
    .section-content-container,
  html.poster-fallback.text-zoom
    .page-overview
    .section-hero-poster-background
    .section-content-container,
  html.text-zoom
    .page-overview
    .section-hero-poster-background
    .section-content-container,
  html.no-js.text-zoom
    .page-overview
    .section-hero-poster-background
    .section-content-container,
  html.reduced-motion.text-zoom
    .page-overview
    .section-hero-poster-background
    .section-content-container,
  html.poster-fallback.text-zoom
    .page-overview
    .section-hero-poster-background
    .section-content-container,
  html.text-zoom
    .page-overview
    .section-hero-poster-background
    .section-content-container,
  html.no-js.text-zoom
    .page-overview
    .section-hero-poster-background
    .section-content-container,
  html.reduced-motion.text-zoom
    .page-overview
    .section-hero-poster-background
    .section-content-container,
  html.poster-fallback.text-zoom
    .page-overview
    .section-hero-poster-background
    .section-content-container,
  html.text-zoom
    .page-overview
    .section-hero-poster-background
    .section-content-container {
    margin-top: 286px;
  }
}

.page-overview .section-hero {
  position: relative;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.page-overview .section-hero .hero-headline,
.page-overview .section-hero .hero-eyebrow,
.page-overview .section-hero .hero-intro {
  will-change: opacity;
}

.page-overview .section-hero .hw-image {
  will-change: opacity, transform;
}

.page-overview .section-hero .intro-container {
  height: 225vh;
  position: relative;
  z-index: 1;
  margin-top: calc(0px - var(--localnav-height) - var(--globalnav-height));
  -webkit-transition: 0.9s opacity 0.5s;
  transition: 0.9s opacity 0.5s;
  opacity: 0;
  min-height: 2763px;
}

@media only screen and (max-width: 1068px) {
  .page-overview .section-hero .intro-container {
    min-height: 2383px;
  }
}

@media only screen and (max-width: 734px) {
  .page-overview .section-hero .intro-container {
    min-height: 1807px;
  }
}

.page-overview .section-hero .intro-container.js-opacity-fade {
  opacity: 1;
}

.page-overview .section-hero .sticky {
  position: -webkit-sticky;
  position: sticky;
  z-index: 2;
  top: 0;
  width: 100%;
  overflow: hidden;
  min-height: 100vh;
}

.page-overview .section-hero .section-content-container {
  position: relative;
  margin-top: var(--localnav-height);
}

.page-overview .section-hero .hero-copy-wrap {
  padding-top: 524px;
}

@media only screen and (max-width: 1068px) {
  .page-overview .section-hero .hero-copy-wrap {
    padding-top: 481px;
  }
}

@media only screen and (max-width: 734px) {
  .page-overview .section-hero .hero-copy-wrap {
    padding-top: 254px;
  }
}

@media only screen and (max-width: 734px) {
  .page-overview .section-hero .hero-copy-wrap {
    max-width: 440px;
  }
}

@media only screen and (max-width: 734px) {
  .page-overview .section-hero .hero-copy-wrap .hero-headline,
  .page-overview .section-hero .hero-copy-wrap .hero-eyebrow {
    margin-left: auto;
    margin-right: auto;
    max-width: 300px;
  }
}

@media only screen and (max-width: 734px) {
  .page-overview .section-hero .hero-copy-wrap .hero-headline {
    margin-top: 10px;
  }
}

@media only screen and (max-width: 1068px) {
  .page-overview .section-hero .hero-copy-wrap .hero-intro {
    margin-top: 30px;
    padding: 0px;
  }
}

@media only screen and (max-width: 734px) {
  .page-overview .section-hero .hero-copy-wrap .hero-intro {
    margin-top: 44px;
  }
}

.page-overview .section-hero .hw-image {
  position: absolute;
  left: 50%;
  top: 0;
}

@media only screen and (max-width: 1068px) {
  .page-overview .section-hero .image-ipad-center1 {
    margin-left: -239.5px;
  }
}

@media only screen and (max-width: 734px) {
  .page-overview .section-hero .image-ipad-center1 {
    margin-left: -117.5px;
  }
}

@media only screen and (min-width: 1441px) {
  .page-overview .section-hero .image-ipad-center2 {
    margin-left: -1620px;
  }
}

@media only screen and (max-width: 1068px) {
  .page-overview .section-hero .image-ipad-center2 {
    margin-left: -516px;
  }
}

@media only screen and (max-width: 734px) {
  .page-overview .section-hero .image-ipad-center2 {
    margin-left: -368px;
  }
}

@media only screen and (max-width: 1068px) {
  .page-overview .section-hero .image-ipad-top {
    margin-top: -273px;
    margin-left: -241px;
  }
}

@media only screen and (max-width: 734px) {
  .page-overview .section-hero .image-ipad-top {
    margin-top: -117px;
    margin-left: -117px;
  }
}

/*
.page-overview .section-hero .image-ipad-right {
  width: 555px;
  height: 426px;
  background-size: 555px 426px;
  background-repeat: no-repeat;
  background-image: url("/v/business/enterprise/a/images/overview/hero_ipad_right__ccjrhtgutprm_large.jpg");
  margin-top: -88px;
  margin-left: 360px;
}

@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 .image-ipad-right {
    background-image: url("/v/business/enterprise/a/images/overview/hero_ipad_right__ccjrhtgutprm_large_2x.jpg");
  }
}

@media only screen and (max-width: 1068px) {
  .page-overview .section-hero .image-ipad-right {
    width: 242px;
    height: 389px;
    background-size: 242px 389px;
    background-repeat: no-repeat;
    background-image: url("/v/business/enterprise/a/images/overview/hero_ipad_right__ccjrhtgutprm_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 .image-ipad-right {
    background-image: url("/v/business/enterprise/a/images/overview/hero_ipad_right__ccjrhtgutprm_medium_2x.jpg");
  }
}

@media only screen and (max-width: 734px) {
  .page-overview .section-hero .image-ipad-right {
    width: 235px;
    height: 181px;
    background-size: 235px 181px;
    background-repeat: no-repeat;
    background-image: url("/v/business/enterprise/a/images/overview/hero_ipad_right__ccjrhtgutprm_small.jpg");
  }
}

@media only screen and (max-width: 734px) and(-webkit-min-device-pixel-ratio: 1.5),
  only screen and(max-width: 734px) and(min-resolution: 1.5dppx),
  only screen and(max-width: 734px) and(min-resolution: 144dpi) {
  .page-overview .section-hero .image-ipad-right {
    background-image: url("/v/business/enterprise/a/images/overview/hero_ipad_right__ccjrhtgutprm_small_2x.jpg");
  }
}

@media only screen and (max-width: 1068px) {
  .page-overview .section-hero .image-ipad-right {
    margin-top: -88px;
    margin-left: 291px;
  }
}

@media only screen and (max-width: 734px) {
  .page-overview .section-hero .image-ipad-right {
    margin-top: -51px;
    margin-left: 136px;
  }
}*/
/*
.page-overview .section-hero .image-iphone {
  z-index: -1;
  width: 154px;
  height: 302px;
  background-size: 154px 302px;
  background-repeat: no-repeat;
  background-image: url("/v/business/enterprise/a/images/overview/hero_iphone__c37t4kt0o0a6_large.jpg");
  margin-top: 428px;
  margin-left: 390px;
}

@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 .image-iphone {
    background-image: url("/v/business/enterprise/a/images/overview/hero_iphone__c37t4kt0o0a6_large_2x.jpg");
  }
}

@media only screen and (max-width: 1068px) {
  .page-overview .section-hero .image-iphone {
    width: 125px;
    height: 244px;
    background-size: 125px 244px;
    background-repeat: no-repeat;
    background-image: url("/v/business/enterprise/a/images/overview/hero_iphone__c37t4kt0o0a6_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 .image-iphone {
    background-image: url("/v/business/enterprise/a/images/overview/hero_iphone__c37t4kt0o0a6_medium_2x.jpg");
  }
}

@media only screen and (max-width: 734px) {
  .page-overview .section-hero .image-iphone {
    width: 65px;
    height: 127px;
    background-size: 65px 127px;
    background-repeat: no-repeat;
    background-image: url("/v/business/enterprise/a/images/overview/hero_iphone__c37t4kt0o0a6_small.jpg");
  }
}

@media only screen and (max-width: 734px) and(-webkit-min-device-pixel-ratio: 1.5),
  only screen and(max-width: 734px) and(min-resolution: 1.5dppx),
  only screen and(max-width: 734px) and(min-resolution: 144dpi) {
  .page-overview .section-hero .image-iphone {
    background-image: url("/v/business/enterprise/a/images/overview/hero_iphone__c37t4kt0o0a6_small_2x.jpg");
  }
}

@media only screen and (max-width: 1068px) {
  .page-overview .section-hero .image-iphone {
    margin-top: 352px;
    margin-left: 305px;
  }
}

@media only screen and (max-width: 734px) {
  .page-overview .section-hero .image-iphone {
    margin-top: 163px;
    margin-left: 136px;
  }
}*/

@media only screen and (max-width: 1068px) {
  .page-overview .section-hero .image-macbook {
    margin-top: 244px;
    margin-left: -540px;
  }
}

@media only screen and (max-width: 734px) {
  .page-overview .section-hero .image-macbook {
    margin-top: 141px;
    margin-left: -370px;
  }
}

/*
.page-overview .section-hero .image-watch {
  width: 81px;
  height: 135px;
  background-size: 81px 135px;
  background-repeat: no-repeat;
  background-image: url("/v/business/enterprise/a/images/overview/hero_watch__cx1xvtzlk402_large.jpg");
  margin-top: 80px;
  margin-left: -420px;
}

@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 .image-watch {
    background-image: url("/v/business/enterprise/a/images/overview/hero_watch__cx1xvtzlk402_large_2x.jpg");
  }
}

@media only screen and (max-width: 1068px) {
  .page-overview .section-hero .image-watch {
    width: 69px;
    height: 116px;
    background-size: 69px 116px;
    background-repeat: no-repeat;
    background-image: url("/v/business/enterprise/a/images/overview/hero_watch__cx1xvtzlk402_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 .image-watch {
    background-image: url("/v/business/enterprise/a/images/overview/hero_watch__cx1xvtzlk402_medium_2x.jpg");
  }
}

@media only screen and (max-width: 734px) {
  .page-overview .section-hero .image-watch {
    width: 35px;
    height: 57px;
    background-size: 35px 57px;
    background-repeat: no-repeat;
    background-image: url("/v/business/enterprise/a/images/overview/hero_watch__cx1xvtzlk402_small.jpg");
  }
}

@media only screen and (max-width: 734px) and(-webkit-min-device-pixel-ratio: 1.5),
  only screen and(max-width: 734px) and(min-resolution: 1.5dppx),
  only screen and(max-width: 734px) and(min-resolution: 144dpi) {
  .page-overview .section-hero .image-watch {
    background-image: url("/v/business/enterprise/a/images/overview/hero_watch__cx1xvtzlk402_small_2x.jpg");
  }
}
*/
@media only screen and (max-width: 1068px) {
  .page-overview .section-hero .image-watch {
    margin-top: 76px;
    margin-left: -345px;
  }
}

@media only screen and (max-width: 734px) {
  .page-overview .section-hero .image-watch {
    margin-top: 54px;
    margin-left: -163px;
  }
}

html.no-js .page-overview .section-hero .intro-container,
html.reduced-motion .page-overview .section-hero .intro-container,
html.hero-fallback .page-overview .section-hero .intro-container,
html.no-js .page-overview .section-hero .intro-container,
html.reduced-motion .page-overview .section-hero .intro-container,
html.hero-fallback .page-overview .section-hero .intro-container,
html.no-js .page-overview .section-hero .intro-container,
html.reduced-motion .page-overview .section-hero .intro-container,
html.hero-fallback .page-overview .section-hero .intro-container {
  height: auto;
  opacity: 1;
  -webkit-transition: 0s opacity 0s;
  transition: 0s opacity 0s;
  min-height: 0;
}

html.no-js .page-overview .section-hero .sticky,
html.reduced-motion .page-overview .section-hero .sticky,
html.hero-fallback .page-overview .section-hero .sticky,
html.no-js .page-overview .section-hero .sticky,
html.reduced-motion .page-overview .section-hero .sticky,
html.hero-fallback .page-overview .section-hero .sticky,
html.no-js .page-overview .section-hero .sticky,
html.reduced-motion .page-overview .section-hero .sticky,
html.hero-fallback .page-overview .section-hero .sticky {
  position: relative;
  min-height: 0;
}

html.no-js .page-overview .section-hero .section-content-container,
html.reduced-motion .page-overview .section-hero .section-content-container,
html.hero-fallback .page-overview .section-hero .section-content-container,
html.no-js .page-overview .section-hero .section-content-container,
html.reduced-motion .page-overview .section-hero .section-content-container,
html.hero-fallback .page-overview .section-hero .section-content-container,
html.no-js .page-overview .section-hero .section-content-container,
html.reduced-motion .page-overview .section-hero .section-content-container,
html.hero-fallback .page-overview .section-hero .section-content-container {
  margin-top: calc(
    var(--ribbon-height) + var(--localnav-height) + var(--globalnav-height)
  );
}

html.no-js.text-zoom .page-overview .section-hero .section-content-container,
html.reduced-motion.text-zoom
  .page-overview
  .section-hero
  .section-content-container,
html.hero-fallback.text-zoom
  .page-overview
  .section-hero
  .section-content-container,
html.no-js.text-zoom .page-overview .section-hero .section-content-container,
html.reduced-motion.text-zoom
  .page-overview
  .section-hero
  .section-content-container,
html.hero-fallback.text-zoom
  .page-overview
  .section-hero
  .section-content-container,
html.no-js.text-zoom .page-overview .section-hero .section-content-container,
html.reduced-motion.text-zoom
  .page-overview
  .section-hero
  .section-content-container,
html.hero-fallback.text-zoom
  .page-overview
  .section-hero
  .section-content-container {
  margin-top: 264px;
}

@media only screen and (max-width: 734px) {
  html.no-js.text-zoom .page-overview .section-hero .section-content-container,
  html.reduced-motion.text-zoom
    .page-overview
    .section-hero
    .section-content-container,
  html.hero-fallback.text-zoom
    .page-overview
    .section-hero
    .section-content-container,
  html.no-js.text-zoom .page-overview .section-hero .section-content-container,
  html.reduced-motion.text-zoom
    .page-overview
    .section-hero
    .section-content-container,
  html.hero-fallback.text-zoom
    .page-overview
    .section-hero
    .section-content-container,
  html.no-js.text-zoom .page-overview .section-hero .section-content-container,
  html.reduced-motion.text-zoom
    .page-overview
    .section-hero
    .section-content-container,
  html.hero-fallback.text-zoom
    .page-overview
    .section-hero
    .section-content-container {
    margin-top: 286px;
  }
}

html.no-js .page-overview .section-hero .image-ipad-center1,
html.reduced-motion .page-overview .section-hero .image-ipad-center1,
html.hero-fallback .page-overview .section-hero .image-ipad-center1,
html.no-js .page-overview .section-hero .image-ipad-center1,
html.reduced-motion .page-overview .section-hero .image-ipad-center1,
html.hero-fallback .page-overview .section-hero .image-ipad-center1,
html.no-js .page-overview .section-hero .image-ipad-center1,
html.reduced-motion .page-overview .section-hero .image-ipad-center1,
html.hero-fallback .page-overview .section-hero .image-ipad-center1 {
  margin-top: var(--main-ipad-top);
}

html.no-js .page-overview .section-hero .image-ipad-center2,
html.no-js .page-overview .section-hero .image-ipad-center3,
html.reduced-motion .page-overview .section-hero .image-ipad-center2,
html.reduced-motion .page-overview .section-hero .image-ipad-center3,
html.hero-fallback .page-overview .section-hero .image-ipad-center2,
html.hero-fallback .page-overview .section-hero .image-ipad-center3,
html.no-js .page-overview .section-hero .image-ipad-center2,
html.no-js .page-overview .section-hero .image-ipad-center3,
html.reduced-motion .page-overview .section-hero .image-ipad-center2,
html.reduced-motion .page-overview .section-hero .image-ipad-center3,
html.hero-fallback .page-overview .section-hero .image-ipad-center2,
html.hero-fallback .page-overview .section-hero .image-ipad-center3,
html.no-js .page-overview .section-hero .image-ipad-center2,
html.no-js .page-overview .section-hero .image-ipad-center3,
html.reduced-motion .page-overview .section-hero .image-ipad-center2,
html.reduced-motion .page-overview .section-hero .image-ipad-center3,
html.hero-fallback .page-overview .section-hero .image-ipad-center2,
html.hero-fallback .page-overview .section-hero .image-ipad-center3 {
  display: none;
}

.page-overview .section-productivity.section-hero-poster-background {
  margin-top: 0;
}

/* navbar */
/* #ac-localnav.ac-localnav-scrim .ac-ln-background {
  background-color: rgba(29,29,31,0.72);
}
#ac-localnav .ac-ln-title, #ac-localnav .ac-ln-title a,
.ac-theme-dark #ac-localnav .ac-ln-menu-link.current, #ac-localnav.ac-localnav-dark .ac-ln-menu-link.current,
.ac-theme-dark #ac-localnav .ac-ln-menu-link, #ac-localnav.ac-localnav-dark .ac-ln-menu-link {
  color:#fff;
} */