#hero .hero-wrap-outer {
  background-image: url("https://g2.twimg.com/about/system/files/styles/hero_1600w_300h/public/about/page/hero/about-frontdoor-hero.jpg");
  background-repeat: no-repeat;
  background-position: top center;
}

.hero-fade {
  background: #4B9FDF;
}

.hero-fade .hero-wrap-outer:before,
.hero-fade .hero-wrap-outer:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 200px;
  display: block;
  background: -moz-linear-gradient(right, rgba(75,159,223,0) 0%, rgba(75,159,223,1) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(75,159,223,0)), color-stop(100%, rgba(75,159,223,1)));
  background: -webkit-linear-gradient(right, rgba(75,159,223,0) 0%, rgba(75,159,223,1) 100%);
  background: -o-linear-gradient(right, rgba(75,159,223,0) 0%, rgba(75,159,223,1) 100%);
  background: -ms-linear-gradient(right, rgba(75,159,223,0) 0%, rgba(75,159,223,1) 100%);
  background: linear-gradient(right, rgba(75,159,223,0) 0%, rgba(75,159,223,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='##4B9FDF00', endColorstr='##4B9FDF00',GradientType=1 );
}

.hero-fade .hero-wrap-outer:after {
  left: auto;
  right: 0;
  background: -moz-linear-gradient(left, rgba(75,159,223,0) 0%, rgba(75,159,223,1) 100%);
  background: -webkit-gradient(linear, right top, left top, color-stop(0%,rgba(75,159,223,0)), color-stop(100%, rgba(75,159,223,1)));
  background: -webkit-linear-gradient(left, rgba(75,159,223,0) 0%, rgba(75,159,223,1) 100%);
  background: -o-linear-gradient(left, rgba(75,159,223,0) 0%, rgba(75,159,223,1) 100%);
  background: -ms-linear-gradient(left, rgba(75,159,223,0) 0%, rgba(75,159,223,1) 100%);
  background: linear-gradient(left, rgba(75,159,223,0) 0%, rgba(75,159,223,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='##4B9FDF00', endColorstr='##4B9FDF00',GradientType=1 );
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

  /* Retina to override above media query */
  #hero .hero-wrap-outer {
    background-image: url("https://g2.twimg.com/about/system/files/styles/hero_3200w_600h/public/about/page/hero/about-frontdoor-hero.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 1600px 300px;
  }

}

@media (max-width: 767px) {
  #hero .hero-wrap-outer {
    background-image: url("https://g2.twimg.com/about/system/files/styles/hero_800w_150h/public/about/page/hero/about-frontdoor-hero.jpg");
    background-repeat: no-repeat;
    background-position: top center;
  }
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 767px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (max-width: 767px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-width: 767px),
only screen and (        min-device-pixel-ratio: 2)      and (max-width: 767px),
only screen and (                min-resolution: 192dpi) and (max-width: 767px),
only screen and (                min-resolution: 2dppx)  and (max-width: 767px) {

  /* Mobile retina to override above media query */
  #hero .hero-wrap-outer {
    background-image: url("https://g2.twimg.com/about/system/files/styles/hero_1600w_300h/public/about/page/hero/about-frontdoor-hero.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 800px 150px;
  }

}
.Page.Page--about--callToAction .Footer.Footer--primary { background-color: #e0e7ed; }.Hero.Hero--nodeExtended { background-image: url("https://g.twimg.com/about/v2/hero/Gray_header_2.jpg");}.Vignette--bannerItem1587 { background-image: url(https://g.twimg.com/about/feature-corporate/image/SS_bw.png); } .Vignette--bannerItem1709 { background-image: url(https://g.twimg.com/about/feature-corporate/image/AB_bw_0.png); } .Vignette--bannerItem1710 { background-image: url(https://g.twimg.com/about/feature-corporate/image/AR_bw.png); } .Vignette--bannerItem1711 { background-image: url(https://g.twimg.com/about/feature-corporate/image/AN_bw_0.png); } .Vignette--bannerItem1712 { background-image: url(https://g.twimg.com/about/feature-corporate/image/VG_bw_0.png); } .Vignette--bannerItem1717 { background-image: url(https://g.twimg.com/about/feature-corporate/image/AM_bw_0.png); } .Vignette--bannerItem1720 { background-image: url(https://g.twimg.com/about/feature-corporate/image/SS_bw_0.png); } .Vignette--bannerItem2238 { background-image: url(https://g.twimg.com/about/feature-corporate/image/KJS_bw_0.png); } .Vignette--bannerItem2239 { background-image: url(https://g.twimg.com/about/feature-corporate/image/GL_bw.png); } .Vignette--bannerItem2420 { background-image: url(https://g.twimg.com/about/feature-corporate/image/JD_bw_2.png); } .Vignette--bannerItem2421 { background-image: url(https://g.twimg.com/about/feature-corporate/image/AB_bw_NEW_0.png); } .Vignette--bannerItem2423 { background-image: url(https://g.twimg.com/about/feature-corporate/image/SS_bw_NEW_2.png); } .Vignette--bannerItem2425 { background-image: url(https://g.twimg.com/about/feature-corporate/image/KJS_bw_NEW_0.png); } .Vignette--bannerItem2488 { background-image: url(https://g.twimg.com/about/feature-corporate/image/AR_bw3.png); } .Vignette--bannerItem2631 { background-image: url(https://g.twimg.com/about/feature-corporate/image/Robert_Kaiden_0.png); } .Vignette--bannerItem2632 { background-image: url(https://g.twimg.com/about/feature-corporate/image/LeslieBerland_bw.png); } .Vignette--bannerItem2720 { background-image: url(https://g.twimg.com/about/feature-corporate/image/Jack-Dorsey-Retouched.jpg); } .Vignette--bannerItem2721 { background-image: url(https://g.twimg.com/about/feature-corporate/image/Adam-Bain-Retouched3.jpg); } .Vignette--bannerItem2722 { background-image: url(https://g.twimg.com/about/feature-corporate/image/Adam-Messinger-Retouched.jpg); } .Vignette--bannerItem2723 { background-image: url(https://g.twimg.com/about/feature-corporate/image/ASA_9194-retouched.jpg); } .Vignette--bannerItem2724 { background-image: url(https://g.twimg.com/about/feature-corporate/image/Leslie-Berland-Retouched2.jpg); } .Vignette--bannerItem2725 { background-image: url(https://g.twimg.com/about/feature-corporate/image/Vijaya-Gadde-Retouched.jpg); } .Vignette--bannerItem2726 { background-image: url(https://g.twimg.com/about/feature-corporate/image/Robert-Kaiden-Retouched.jpg); }