@import url('https://use.typekit.net/aqp1vqs.css');
@import url('https://fonts.googleapis.com/css?family=Teko:500,700');
@media screen and (max-width: 1023px) {
  .home-page .composite-container.embedded-wtb {
    top: 0;
    padding-top: 18vh;
  }
  .home-page .composite-container.embedded-wtb .inner-container {
    margin: auto;
    width: 85vw;
  }
  .home-page .composite-container.embedded-wtb .bundle-boxart {
    position: relative;
  }
  .home-page .composite-container.embedded-wtb .atvi-wheretobuy[data-current-bundle="standard"] .bundle-boxart {
    margin: auto;
  }
  .home-page .composite-container.embedded-wtb .aux-content-container {
    position: absolute;
  }
  .home-page .composite-container.embedded-wtb .module-title {
    font-size: 2.25rem;
  }
}
@media screen and (max-height: 768px) and (min-height: 640px) and (max-width: 1024px) and (min-width: 850px) {
  .home-page .composite-container.embedded-wtb {
    min-height: 100vh;
  }
}
@media screen and (max-height: 900px) {
  .home-page .composite-container.embedded-wtb .wtb-module-container .wtb-select:nth-child(n+2) {
    margin-top: 10px;
  }
  .home-page .composite-container.embedded-wtb .wtb-module-container .selectricWrapper {
    margin: .25rem  0 .5rem;
  }
}
@media screen and (max-width: 600px) {
  .home-page .composite-container.embedded-wtb {
    top: 0;
    padding-top: 150px;
  }
  .home-page .composite-container.embedded-wtb .module-title {
    font-size: 1.25rem;
  }
  .home-page .composite-container.embedded-wtb .bundle-title {
    font-size: 2.25rem;
  }
  .home-page .composite-container.embedded-wtb .description-container .order-button-container {
    margin-top: 28px;
  }
  .home-page .composite-container.embedded-wtb .back-button {
    -webkit-transform: translate(-30px, -50%);
    -moz-transform: translate(-30px, -50%);
    -ms-transform: translate(-30px, -50%);
    -o-transform: translate(-30px, -50%);
    transform: translate(-30px, -50%);
  }
  .home-page .composite-container.embedded-wtb .bundle-description {
    padding-left: 1.25rem;
  }
  .home-page .composite-container.embedded-wtb .bundle-description li:nth-child(n+2) {
    margin-top: 16px;
  }
}
@media screen and (max-width: 420px) {
  .home-page .composite-container.embedded-wtb .bundle-title {
    font-size: 1.5rem;
  }
  .home-page .composite-container.embedded-wtb .bundle-description {
    padding-left: .75rem;
    font-size: .8rem;
  }
  .home-page .composite-container.embedded-wtb .bundle-description li:nth-child(n+2) {
    margin-top: 2px;
  }
  .home-page .composite-container.embedded-wtb .description-container .bundle-boxart {
    height: 22vw;
  }
  .home-page .composite-container.embedded-wtb .description-container .aux-content-container {
    top: -2px;
  }
  .home-page .composite-container.embedded-wtb .description-container .order-button-container {
    margin-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .home-page .composite-container.embedded-wtb .description-container {
    position: relative;
  }
  .home-page .composite-container.embedded-wtb .description-container:after {
    content: "";
    width: 120%;
    height: 120%;
    position: absolute;
    top: -15.5%;
    left: -15.5%;
    background-image: url('../../../../../../../../content/dam/atvi/tony-hawk/alcatraz/common/flourishes/TextGrunge.png');
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
  }
  .home-page .composite-container.embedded-wtb .bundle-descriptions {
    position: relative;
    z-index: 1;
  }
}
@media screen and (min-width: 1024px) and (max-height: 820px) {
  .home-page .composite-container.embedded-wtb .boxart-container {
    width: 107px;
    height: 140px;
    top: 15px;
  }
  .home-page .composite-container.embedded-wtb .module-title {
    width: 100%;
    height: 115%;
  }
  .home-page .composite-container.embedded-wtb .module-title .inner {
    width: 65%;
    right: 10%;
  }
  .home-page .composite-container.embedded-wtb .module-title p {
    font-size: 24px;
  }
  .home-page .composite-container.embedded-wtb .module-title h2,
  .home-page .composite-container.embedded-wtb .module-title h3,
  .home-page .composite-container.embedded-wtb .module-title h4 {
    font-size: 32px;
  }
  .home-page .composite-container.embedded-wtb .aux-content {
    height: 100%;
  }
  .home-page .composite-container.embedded-wtb .aux-content .inner {
    width: 60%;
    right: 18%;
  }
  .home-page .composite-container.embedded-wtb .aux-content p {
    font-size: 21px;
  }
  .home-page .composite-container.embedded-wtb .aux-content h1,
  .home-page .composite-container.embedded-wtb .aux-content h2,
  .home-page .composite-container.embedded-wtb .aux-content h3,
  .home-page .composite-container.embedded-wtb .aux-content h4 {
    font-size: 2.25rem;
  }
  .home-page .composite-container.embedded-wtb .description-container {
    margin-top: 45px;
  }
  .home-page .composite-container.embedded-wtb .bundle-description li:nth-child(n+2) {
    margin-top: 15px;
  }
}
@media screen and (max-width: 1023px) {
  .home-page:not(.mobile-device) .composite-container.embedded-wtb {
    min-height: 0;
  }
  .home-page:not(.mobile-device) .composite-container.embedded-wtb .boxart-and-title {
    width: 100%;
    height: 12vw;
  }
  .home-page:not(.mobile-device) .composite-container.embedded-wtb .aux-content-container {
    height: 12vw;
    left: 9vw;
  }
  .home-page:not(.mobile-device) .composite-container.embedded-wtb .aux-content-container .aux-content {
    width: 31vw;
    height: 100%;
  }
  .home-page:not(.mobile-device) .composite-container.embedded-wtb .boxart-container {
    height: 12vw;
  }
  .home-page:not(.mobile-device) .composite-container.embedded-wtb .bundle-boxart {
    width: 9vw;
    height: 100%;
  }
  .home-page:not(.mobile-device) .composite-container.embedded-wtb .description-container .order-button-container {
    margin-top: 16px;
  }
  .home-page:not(.mobile-device) .composite-container.embedded-wtb .bundle-description li {
    font-size: 90%;
  }
  .home-page:not(.mobile-device) .composite-container.embedded-wtb .bundle-description li:nth-child(n+2) {
    margin-top: 10px;
  }
  .home-page:not(.mobile-device) .composite-container.embedded-wtb .button-element {
    height: 50px;
  }
  .home-page:not(.mobile-device) .composite-container.embedded-wtb .button-text {
    line-height: 50px;
  }
}
@media screen and (max-height: 800px) {
  .home-page:not(.mobile-device) .composite-container.embedded-wtb .bundle-title {
    font-size: 2.25rem;
  }
  .home-page:not(.mobile-device) .composite-container.embedded-wtb .bundle-description {
    font-size: 1.15rem;
  }
  .home-page:not(.mobile-device) .composite-container.embedded-wtb .aux-content {
    height: 18vh;
    width: 100%;
  }
  .home-page:not(.mobile-device) .composite-container.embedded-wtb .aux-content .inner {
    width: 50%;
    right: 25%;
  }
  .home-page:not(.mobile-device) .composite-container.embedded-wtb .aux-content .boxart-container {
    height: 134px;
  }
  .home-page:not(.mobile-device) .composite-container.embedded-wtb .order-button {
    height: 50px;
  }
  .home-page:not(.mobile-device) .composite-container.embedded-wtb .button-element .button-text {
    line-height: 50px;
  }
}
@media screen and (max-height: 735px) {
  .home-page:not(.mobile-device) .composite-container.embedded-wtb .boxart-container {
    width: 90px;
    height: 114px;
  }
  .home-page:not(.mobile-device) .composite-container.embedded-wtb .description-container:after {
    width: 104%;
    max-height: 450px;
  }
}
@media screen and (max-height: 685px) {
  .home-page:not(.mobile-device) .composite-container.embedded-wtb .description-container {
    margin-top: 35px;
  }
}