
.fancybox__container {
    z-index: 9999;
}
.fancybox__content {
    width: 100% !important;
    height: 100% !important;
}

section.hero .content {
    padding-bottom: 3em;
}
section.hero .spacer {
    height: 38em;
}

section.hero h1 {
    padding-bottom: 0;
    margin-bottom: 0.3em;
    width: 90%;
}
section.hero h3 {
    line-height: 1.3em;
    margin-bottom: 0.8em;
}

@media screen and ( max-width: 1140px ) {
    section.hero .spacer {
        height: 35em;
    }
}

@media screen and ( max-width: 880px ) {
    section.hero .spacer {
        height: 30em;
    }
}

@media screen and ( max-width: 790px ) {
    section.hero .spacer {
        height: 25em;
    }
}

@media screen and ( max-width: 700px ) {
    section.hero {
        height: auto;
    }
    section.hero .spacer {
        height: 21em;
    }
    section.hero h3 {
        margin-bottom: 0;
    }
    section.hero .content {
        padding-bottom: 2em;
    }
}

section.hero.hide-desktop {
    background-color: transparent;
    background-image: linear-gradient(transparent 0%, black 14em, black 100%);
    margin-top: -14.1em;
    z-index: 9999;
    padding-left: 3.6458333333333vw;
    padding-right: 3.6458333333333vw;
}
section.hero.hide-desktop .sublink {
    margin-top: 1em;
    display: block;
}

.herosub {
	max-width: 80%;
}

#pillars h1 {
    font-size: 4.7em;
}

.ver2 #pillars .selected h1 {
    color: #1b1b1b;
}

#yourlibrary2.image-backdrop {
    background-image: url('https://cdn.fastly.steamstatic.com/steamdeck/images/ver2/laptop_deck_english.png'), url('https://cdn.fastly.steamstatic.com/steamdeck/images/ver2/overview_laptopanddeck_bg.jpg');
    background-color: rgb(8, 6, 11);
    background-size: auto 143%;
    background-position: center -9em;
}
#yourlibrary2.image-backdrop .spacer {
    height: 33em;
}
#yourlibrary2.image-backdrop h2 {
    text-align: center;
    margin-bottom: 0;
}
#yourlibrary2.image-backdrop .copy {
    margin-top: 0;
    padding-bottom: 3em;
    text-align: center;
}
#experience.image-backdrop {
    background-image: url('https://cdn.fastly.steamstatic.com/steamdeck/images/ver2/overview_deathloop_device_english.png'), url('https://cdn.fastly.steamstatic.com/steamdeck/images/ver2/overview_deathloop_bg.jpg');
    background-color: #efefef;
}

@media screen and ( max-width: 700px ) {
    #yourlibrary2.image-backdrop {
        background-size: auto 143%;
        background-position: center -7em;
    }
    #yourlibrary2.image-backdrop .spacer {
        height: 20em;
    }
    #yourlibrary2.image-backdrop .copy {
        padding-bottom: 1em;
    }
    #experience.image-backdrop {
        background-size: auto 107%;
    }
    section.image-backdrop .spacer {
        height: 45vw;
    }
}

@media screen and ( max-width: 1280px ) {
    #yourlibrary2 p, #yourlibrary2 a {
        font-size: 1.2em;
    }
    #yourlibrary2 h2 br {
        display: none;
    }
    #experience p.large br {
        display: none;
    }
}

#yourlibrary2 .copy {
    margin-top: 2em;
}

@media screen and ( max-width: 700px ) {
    #yourlibrary2 .content {
        padding-bottom: 1em;
    }
    #yourlibrary2 h2 {
        margin-bottom: 1em;
    }
    #yourlibrary2 .col_6,
    #yourlibrary2 .col_6.right,
    #yourlibrary2 .col_6.right .right {
        text-align: center;
    }
}

#feature-hollow-knight {
    background-image: url('https://cdn.fastly.steamstatic.com/steamdeck/images/ver2/overview_playing_hollowKnight.jpg');
}

#feature-hades {
    background-image: url('https://cdn.fastly.steamstatic.com/steamdeck/images/ver2/overview_hades.jpg');
}

#availability img {
    height: 9em;
}
#availability p {
    margin-bottom: 0;
}

section#available-now.anniversary {
    background-image: url('https://cdn.fastly.steamstatic.com/steamdeck/images/anniversarySale_confetti_1500.jpg');
    background-repeat: repeat;
}
section#available-now.anniversary h2 {
    line-height: 1.56em;
    margin-bottom: 0;
}
section#available-now.anniversary h2  {
    background-color: #fff;
    padding-left: 0.3em;
    padding-right: 0.23em;
    padding-top: 0.05em;
    padding-bottom: 0.1em;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    display: inline;
}
section#available-now.anniversary a button {
    color: var(--bg-dark);
    background-color: #fff;
}
section#available-now.anniversary a:hover button {
    color: #fff;
    background-color: var(--bg-dark);
}

@media screen and ( max-width: 700px ) {
    section#available-now.anniversary h2 {
        max-width: 90%;
    }
    section#available-now.anniversary {
        padding-top: 0;
    }
    section#available-now.anniversary .deck-video-frame {
        top: 1.6em;
    }
    section#available-now.anniversary .mobile-head {
        width: 95%;
    }
}

@media screen and ( min-width: 1000px ) {
    section#available-now.anniversary h2 {
        font-size: 3em;
    }
}
@media screen and ( max-width: 1300px ) {
    section#available-now.anniversary br {
        display: none;
    }
}