.dHide { display: none; } #xboxGameHolder { background: #000; color: #fff; padding: 2em 1.9em 2em 2em; text-align: center; } #xboxGameHolder h1, h2, h3, h4 { color: #fff; font-weight: bold; text-align: center; margin: 0; line-height: 1em; } #xboxGameHolder h1 { color: #3e8ddd; font-size: 105px; } #xboxGameHolder h2 { font-size: 80px; } #xboxGameHolder h3 { font-size: 25px; } #xboxGameHolder h4 { font-size: 20px; } #xboxGameHolder .spacer { height: 20px; } .cleanList { display: inline-block; list-style: none; width: 100%; padding: 0; margin: 0; position: relative; } .cleanList li { display: list-item; float: left; padding: 0; margin: 0; width: 50%; text-align: left; vertical-align: text-top; } .cleanList li:last-child { text-align: right; } #sponsorsHolder .cleanList li { width: 33.33%; text-align: center; } #xboxLegionLaptop, #xboxLegionLaptop h3 { text-align: left; } #xboxLegionLaptop { position: relative; overflow: hidden; } #xboxLegionLaptop>div { width: 45%; position: absolute; top: 30px; left: 4%; } #guillemetHolder { display: flex; text-align: left; align-items: center; justify-content: center; align-content: space-around; font-weight: bold; line-height: 1.2em; } #guillemetHolder>div { margin: 10px; } #guillemetHolder>div:first-child { margin-left: 0; } #guillemetHolder>div:last-child { margin-right: 0; } #guillemetHolder a { color: #3e8ddd; font-size: 25px; text-decoration: underline; } .l-trigger-show-in-windows{ text-align: center; } .l-trigger-show-in-windows span{ white-space: nowrap; font-size: 12px; font-weight: normal; color: #3e8ddd; } .noBreak { white-space: nowrap; } video { max-width: 100%; height: auto; } #gamePassStepsHolder { background: url("assets/game-pass-steps.jpg") top center no-repeat; } #gamePassStepsHolder h2 { margin: 1em; } #sponsorsHolder .cleanList { width: 70%; } #lenovoGrayBar { display: flex; justify-content: space-between; padding: .5em 1em; background: #58585a; align-items: center; text-align: left; line-height: 1.2em; } #lenovoGrayBar>div { margin: 10px; } .terms { font-size: 85%; text-align: left; line-height: 1.2em; } @media(max-width: 800px) { #xboxGameHolder h1 { font-size: 100px; } #gamePassStepsHolder h2 { font-size: 60px; margin: 20px 10px; } #xboxLegionLaptop { background: url("assets/xbox-legion-laptop.jpg") bottom right no-repeat; background-size: 100%; } #xboxLegionLaptop>div { width: 65%; position: relative; top: auto; left: auto; } #lenovoGrayBar { display: block; text-align: center; } .tHide { display: none; } } @media(max-width: 35em) { #xboxGameHolder { padding: 2% 5%; } #xboxGameHolder h1 { font-size: 75px; } #xboxGameHolder { background-size: 100%; } #xboxGameHolder h2 { font-size: 45px; margin: 2% 5%; } #xboxGameHolder h4 { font-size: 15px; } .cleanList li>img { width: 85%; max-width: 225px; } .cleanList li:last-child>img { max-width: 254px; } #xboxLegionLaptop>div { width: 100%; } #guillemetHolder { flex-wrap: wrap; } #guillemetHolder>div { flex-grow: 1; margin: 0; width: 25%; text-align: center; } #guillemetHolder>div:last-child { order: 3; } #guillemetHolder>div:nth-child(3) { order: 4; width: 100%; } #sponsorsHolder .cleanList { width: 100%; } .mHide { display: none; } .mShow { display: block; } } .step-text-wrap { position: absolute; top: -1%; left: -1%; width: 23%; } .step-img-wrap:nth-child(7) .step-text-wrap, .step-img-wrap:nth-child(10) .step-text-wrap{ top: 2px; } .step-img-wrap { position: relative; } .step-text { font-size: 4vw; } .step-desc { font-size: 3.35vw; position: absolute; bottom: -5%; left: 24.5%; width: 100%; line-height: 1.3; max-width: 800px; text-align: left; } .step-desc span { vertical-align: text-bottom; } .sponsor-heading { width: 100%; text-align: center; border-bottom: 3px solid #408fde; line-height: 0em; margin: 10px 0 10px; } .sponsor-heading span { background:#000; padding:0 10px; vertical-align: text-bottom; font-size:16px; } .legal-disclosures { text-align: left; margin-top: 20px; } .legal-heading { font-size: large; } #xboxLegionLaptop { min-height: 635px; } @media only screen and (min-width:1250px){ .step-text-wrap { top: -8px; left: 33px; width: 270px; } .step-img-wrap:nth-child(7) .step-text-wrap, .step-img-wrap:nth-child(10) { top: 13px; } .step-text { font-size: 45px; width: fit-content; margin: auto; } .step-desc { font-size: 40px; bottom: -5px; left: 320px; width: 100%; max-width: 800px; } .sponsor-heading span { font-size:22px; } } @media only screen and (max-width:440px){ .l-trigger-show-in-windows span { white-space: break-spaces  !important; } } a.xbox-shop-cta { display: block; padding: 5px 10px; border: 1px solid white; border-radius: 5px; margin: 15px 0px; width: fit-content; color: white; text-transform: uppercase; } a.xbox-shop-cta:hover { background: white; color: black; }