﻿body > main {    margin-bottom: 0;}.escape {    text-align: center;    background-image: url(../../Images/escapeBackground.jpg);}/*.escape content {    max-width: 1040px;}*/.escape p {    margin-bottom: 50px;}.intro-background {    position: absolute;    /*top: -100px;    left: -100px;    right: -100px;    bottom: -100px;*/    top: 0;    left: 0;    right: 0;    bottom: 0;    background-image: url(../../Images/escapeBackground.jpg);    background-size: cover;    background-position: center bottom;    z-index: 1;}.escape {    transform: translateY(-100%);}.intro-section.escape > content {    max-width: 1200px;}.intro-section.escape > content p {    max-width: 700px;    margin: auto;    margin-bottom: 80px;}.escape.show {    transform: translateY(0)}/* Game details */.game-details {    margin-top: 90px;    text-align: center;}.game-details p {    margin-bottom: 30px;}.game-details > article {    display: none;}.game-details article.current {    display: block;}.game-detail-stats {    margin: 2rem auto;}.game-detail-stats:after {    clear: both;    content: '';    display: table;}.game-detail-stats > div {    width: 50%;    float: left;    text-align: center;    text-transform: uppercase;    color: #fff;    font-size: 14px;    line-height: 100%;    margin-bottom: 20px;}.game-detail-stats > div strong {    display: block;    font-size: 50px;    line-height: 100%;}.game-details-about {    text-align: left;}.screen-shots-container {    position: relative;    overflow: hidden;    height: 400px;    margin-bottom: 40px;}.screen-shots-container .screen-shots {    height: 100%;    margin-top: 50px;}.screen-shots-container .screen-shot {    background-size: cover;    background-repeat: no-repeat;    background-position: center;    height: 100%;    float: left;    width: 100vw;}.screen-shots-container .carousel-pages {    position: absolute;    bottom: 10px;    z-index: 2;    width: 100%;}.leaderboard {}.leaderboard h3 {    border-bottom: 1px solid rgba(66, 192, 240, 0.2);    margin-bottom: 40px;    padding-bottom: 40px;}.leaderboard > article {    color: #fff;    margin-bottom: 30px;}.leaderboard > article > div {}.leaderboard > article .profile {    border: 2px solid #38bcee;    display: block;    width: 100%;    padding: 20px;    padding-right: 100px;    position: relative;}.leaderboard > article .profile:after {    content: '';    position: absolute;    bottom: 0;    right: 0;    width: 50%;    height: 120%;    background-image: url(../../Images/profileSoldier.png);    background-repeat: no-repeat;    background-position: right top;    background-size: 130px auto;}.leaderboard > article .place {    display: block;    font-size: 40px;    font-weight: 500;    font-family: 'Montserrat', sans-serif;    text-transform: uppercase;    position: relative;    letter-spacing: 2px;    width: 15%;    text-align: left;    line-height: 100%;}.leaderboard > article .profile strong {    color: #fff;    text-transform: uppercase;    text-align: left;    line-height: 120%;    font-weight: 300;    letter-spacing: 2px;    font-family: 'Montserrat', sans-serif;    font-size: 17px;    display: block;}.leaderboard > article .profile strong {}.leaderboard > article .stats {    display: none;    text-align: left;}.leaderboard > article.expanded .stats {    display: block;}.leaderboard > article .stats:after {    display: table;    clear: both;    content: '';}.leaderboard > article .stats > div {    float: left;    width: 50%;    line-height: 100%;    padding: 0 20px;    margin-top: 20px;}.leaderboard > article .stats > div span {    display: block;    font-size: 14px;    text-transform: uppercase;    letter-spacing: 1px;    margin-bottom: 3px;}.leaderboard > article .stats > div strong {    display: block;}.book-now {    position: relative;    background-position: center 0;    background-size: cover;    background-image: url(../../Images/spaceImagery.jpg);}.book-now:after {    content: '';    display: block;    position: absolute;    top: 0;    width: 100%;    height: 100%;    background: linear-gradient(to bottom, rgba(2,13,17,1) 0%, rgba(2,13,17,0) 100%);    z-index: 1;}.book-now > div {    position: relative;    z-index: 2;    padding: 40px;}.book-now > div .button {    display: block;}.book-now > div h2 {    font-size: 24px;}.game-details article .game-details-intro {    max-width: 960px;    margin: auto;}@media (min-width:600px) {    .game-detail-stats > div {        width: 25%;    }}@media (min-width: 1025px) {    .intro-background {        background-attachment: fixed;    }    .game-items {        transition: all ease-in-out 0.6s;    }    .game-details article .game-details-intro {        text-align: center;    }    .game-detail-stats > div {        width: 25%;    }    .game-detail-stats.stats-3 > div {        width: 33%;    }    .book-now > div {        padding: 170px 0;    }    .book-now > div .button {        display: inline-block;    }    .leaderboard {        padding-top: 100px;        padding-bottom: 100px;    }    .leaderboard h3 {        border: none;        margin: 0;        padding-bottom: 25px;    }    .leaderboard > article {        padding: 50px 0;        margin: 0;        border-top: 1px solid rgba(90, 206, 250, 0.1);    }    .game-details article .quote p {        font-size: 28px;    }    .leaderboard > article:after {        content: '';        display: table;        clear: both;    }    .leaderboard > article .profile {        float: left;        width: 30%;    }    .leaderboard > article .stats {        display: block;        float: left;        width: 70%;    }    .leaderboard > article .stats > div {        width: 25%;    }    .screen-shots-container {        height: 0;        padding-bottom: 40%;    }    .screen-shots-container .screen-shots {        position: absolute;        top: 0;        left: 0;    }}@media (max-width: 480px) {    .game-detail-stats > div strong {       font-size: 30px;    }    .intro-section.escape > content p {        margin-bottom: 50px;    }}@media (max-width: 330px) {    .intro-section.escape > content p {        margin-bottom: 40px;    }}