.SB-hero-banner.head1a.SB-hero-header .banner-background {
    padding-bottom: 48px;
  }
  
  @media screen and (min-width: 1084px) {
    .page-hero.custom-hero .m-hero-item.f-x-center>div>div {
        min-width: 85% !important;
    }
    .page-hero.custom-hero .m-hero-item.f-x-center>div>div p {
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }
    /*
    .page-hero.custom-hero .m-hero-item.f-x-center>div>div h1 {
        padding: 38px 0 6px;
        font-weight: 600;
        letter-spacing: -.01em;
        font-size: 62px;
        line-height: 72px;
    }*/
  }
  
  @media screen and (min-width: 768px) and (max-width: 1084px) {
    .page-hero.custom-hero .m-hero-item>div>div {
        width: 100% !important;
        max-width: 95% !important;
        min-width: 0 !important;
    }
    .page-hero.custom-hero .m-hero-item>div>div p {
        padding-left: 10%;
        padding-right: 10%;
    }
  }
  .light-gray {
    background-color: #e6e6e6;
  }
  
  .featured-games.recent {
    transform: none;
  }
  
  .featured-games.multiplayer .featured-games__content {
    width: 95%;
    max-width: calc(1600px + 10%);
    margin: 0 auto;
    position: relative;
    margin-top: -15%;
    /*margin-bottom: 9.99%;*/
  }
  
  @media screen and (max-width: 767px) {
    .featured-games.multiplayer .featured-games__content {
        margin-top: -20%;
    }
  }
  
  .featured-games.multiplayer {
    transform: none;
    padding-bottom: 48px;
  }
  
  .featured-games.multiplayer .m-area-heading {
    padding-top: 0 !important;
    background-color: #171717;/* to convince Fast Pass that contrast is and was correct */
  }
  
  @media screen and (max-width: 767px) {
    .live-gold.custom-hero .m-hero-item>div {
        padding-bottom: 30%;
    }
  }
  
  .find-games .m-banner {
    padding-top: 0;
    margin-top: -5%;
  }
  
@media screen and (min-width: 1400px) {
.find-games .m-banner {
    max-width: 1400px !important;
}

.find-games .jump-g.jump-b {
    line-height: 40px;
    top: 0px;}
}
  
  @media screen and (min-width: 1084px) {
    .find-games .m-banner {
        padding-top: 0;
        margin-top: -10%;
        transform: translateY(0px);/* negative margin messes with stacking order somehow. This brings it back to the front of the previous element. */
    }
    .find-games .m-banner h2 {
        max-width: 60%;
        margin-left: auto;
        margin-right: auto;
    }
  }
  
  @media screen and (min-width: 1400px) {
    .find-games .m-banner h2 {
        max-width: 60%;
    }
  }
  
  
  .find-games .m-image img {
    width: 100%;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    display:block;
  }
  
  .find-games .m-hero-item>picture img,
  .live-gold .m-hero-item>picture img {
    top: 0;
    transform: none;
  }
  
  .live-gold .theme-dark {
    background-color: #171717;
  }
  
  @media screen and (min-width: 768px) and (max-width: 1083px) {
    .live-gold .m-hero-item.f-transparent:before {
        padding-bottom: 80% !important;
    }
  }
  
  @media screen and (max-width: 1083px) {
    .featured-games .m-product-placement-item>a,
    .featured-games .m-product-placement-item.f-size-large picture,
    .featured-games .c-product-placement.f-size-large picture,
    .featured-games .m-product-placement-item.f-size-large,
    .featured-games .c-product-placement.f-size-large {
        width: 185px !important;
        height: 310px !important;
    }
  }
  
  .featured-games .m-product-placement-item.f-size-large div.slide-content {
    padding-bottom: 32px;
  }
  
  .ea-play .high-contrast img {
    width: 270px;
    max-width: 100%;
    margin-bottom: 24px;
  }
  .ea-play .c-group {
    margin-top: 0;
  }
  
  .manage,
  .perks {
    text-align: center;
  }
  .perks .m-content-placement p {
    padding-left: 5%;
    padding-right: 5%;
  }
  .faq-mwf .c-drawer,
  .faq-mwf .c-drawer button {
    background-color: transparent;
  }
  
  .faq-mwf hr.c-divider {
    margin-top: 36px;
  }
  
  .app-links {
    padding-top: 24px;
  }
  
  .app-links a {
    display: inline-block;
  }
  
  .devices .m-content-placement-item>picture {
    padding-bottom: 37%;
  }
  .devices .m-content-placement-item .c-call-to-action,
  .devices {
    text-align: center;
  }
  
  .devicesNew .m-content-placement-item>picture {
    padding-bottom: 24%;
  }
  .devicesNew .m-content-placement-item .c-call-to-action,
  .devicesNew {
    text-align: center;
  }
  
  .app-links {
    padding-top: 24px;
  }
  
  .app-links a {
    display: inline-block;
    margin-left: 7px;
    margin-right: 7px;
  }
  
  .app-links a:not(:last-of-type) {
    margin-bottom: 14px;
  }
  
  .browse [data-grid~="col-12"]>[data-grid~="col-6"]>[data-grid~="col-6"] {
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 8px;
  }
  
  .browse .m-content-placement {
    /* padding-left: calc(5%);
  padding-right: calc(5%); */
    max-width: calc(1353px);
    margin: 0 auto;
    float: none;
  }
  
  .browse .browse__container {
    max-width: calc(1353px + 10%);
    margin: 0 auto;
    padding-left: calc(5%);
    padding-right: calc(5%);
    margin-top: 48px;
  }
  
  .browse__box {
    height: 0;
    padding-bottom: 60%;
    position: relative;
    background-color: #171717;
  }
  
  .browse__content {
    position: absolute;
    width: 100%;
    top: calc(50% + 7px);
    /* account for cta bottom padding */
    transform: translateY(-50%);
    text-align: center;
  }
  
  .browse__content img {
    display: block;
    margin: 0 auto;
    max-width: 27.5%;
  }
  
  .browse .theme-dark {
    background-color: #171717;
  }
  @media screen and (min-width: 768px) and (max-width: 859px) {
    .browse__cta .c-glyph::after {
        margin-left: 2px !important;
    }
  
    .browse [data-grid~="col-12"]>[data-grid~="col-6"]>[data-grid~="col-6"] {
        padding-left: 2px;
        padding-right: 2px;
    }
  }
  
  
  
  /* override to make hero flow at mobile */
  
  @media screen and (max-width: 767px) {
    /*  .custom-hero {
    padding-bottom: 48px;
  }*/
    .custom-hero .m-hero-item:before {
        /* This is what defines the aspect ratio of the hero */
        display: none;
    }
    .custom-hero .m-hero-item>div,
    .custom-hero .m-hero-item>div>div,
    .custom-hero .m-hero-item>picture img,
    .custom-hero .m-hero-item>img,
    .custom-hero .m-hero-item>picture {
        /* Some of these styles are redundant for some of these elements, but it doesn't hurt to pile them up in one place */
        position: relative;
        left: auto !important;
        top: auto !important;
        bottom: auto !important;
        right: auto !important;
        transform: none !important;
        overflow: visible;
        height: auto;
    }
    .custom-hero .m-hero-item>div {
        padding-top: 24px;
        padding-bottom: 24px;
    }
    .custom-hero .c-group {
        margin-top: 8px;
    }
  }
  
  
  /*
  @media screen and (min-width: 1084px) {
  .custom-hero .c-hero.f-transparent:before,
  .custom-hero .m-hero-item.f-transparent:before {
    padding-bottom: 72.8% !important;
  }
  }
  */
  
  @media screen and (min-width: 1084px) and (max-width: 1700px) {
    .custom-hero .m-hero-item>div>div {
        max-width: 400px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1083px) {
    .custom-hero .m-hero-item>div>div {
        max-width: 295px;
    }
  }
  
  
  /* UHF fixes */
  
  #headerUniversalHeader header {
    z-index: 700;
  }
  
  .c-uhfh.context-uhf,
  .c-uhfh,
  .context-uhf {
    margin-top: 0px;
  }
  
  
  .manage .m-content-placement-item>picture {
    padding-bottom: 35%;
  }
  
  
  .green-box {
    border: 2px solid #107c10;
  
  }
  
  .app-links a {
      border: 2px solid transparent;
      outline: 2px solid transparent;
  }
  
  .app-links a:focus,
  .app-links a:active {
      border: 2px dashed black !important;
      outline: 2px dashed white !important;
  }
  
  .samsung-width {
      width: 134px;
      height: 40px;
  }