/*NOTE - page specific CSS - use for overrides*/

sub {
    vertical-align: super;
    font-size: smaller;
}

.banner {
    position: relative;
    width: 100%;
    max-width: 1308px;
    /*    margin: -20px auto o auto;*/
    margin-top: -20px;
}

.banner-content {
    position: relative;
    width: 100%;
    max-width: 1308px;
    margin: 0 auto;
    top: 0;
    background-image: url('images/300@2x.jpg');
    background-repeat: no-repeat;
    background-position: bottom;
    background-position-y: 75px;
    background-size: cover;
    height: 477px;
    padding-top: 0px;
}

.plus {
    margin-left: 0px;
}

.banner-copy {
    position: absolute;
    bottom: 0;
    padding: 0 0;
}

.cta-member {
    display: inline-block;
    margin-top: 5px;
    font-family: "Nunito Sans", sans-serif;
    color: #fff;
}

.cta-member-link {
    text-decoration: underline;
    color: #fff;
    font-family: "Nunito Sans", sans-serif;
}

.game-grid {
    width: 95%;
    margin: 0 auto;
    display: block !important;
}

.egr {
    width: 5%;
    position: absolute;
    text-align: right;
    padding: 10px;
    z-index: 999;
    top: 0px;
    right: 85px;
    float: right;
}

.egr img {
    width: 85px;
}

@media (min-width: 280px) {
    .banner-content {
        background-image: url('images/300@2x.jpg');
        background-position-y: 45px;
        height: 470px;
    }
}

@media (min-width: 360px) {
    .banner-content {
        height: 444px;
        background-position-y: 40px;
    }
    .container {
        padding-left: 10px;
        padding-right: 10px;
    }
    .fluid-type-big {
        width: 95%;
    }
}

@media (min-width: 444px) {
    .banner-content {
        background-image: url('images/444.jpg');
        background-position-y: 50px;
        height: 477px;
    }
    .fluid-type-big {
        width: 90%;
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) and (min-width: 444px) {
    .banner-content {
        background-image: url('images/444@2x.jpg');
    }
}

@media (min-width: 636px) {
    .banner-content {
        background-image: url('images/636.jpg');
        background-position-y: 98px;
        height: 570px;
    }
    .fluid-type-big {
        width: 85%;
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) and (min-width: 636px) {
    .banner-content {
        background-image: url('images/636.jpg');
    }
}

@media (min-width: 732px) {
    .banner-content {
        background-image: url('images/732.jpg');
        background-position-y: 132px;
        height: 575px;
    }
    .fluid-type-big {
        width: 75%;
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) and (min-width: 732px) {
    .banner-content {
        background-image: url('images/732@2x.jpg');
    }
}

@media (min-width: 972px) {
    .banner-content {
        background-image: url('images/972.jpg');
        background-position-y: 108px;
        height: 700px;
    }
    .fluid-type-big {
        width: 80%;
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) and (min-width: 972px) {
    .banner-content {
        background-image: url('images/972@2x.jpg');
    }
}

@media (min-width: 1308px) {
    .banner-content {
        background-position-y: 108px;
    }
    .fluid-type-big {
        width: 70%;
    }
}

.container {
    display: inline-block;
    margin-top: 0px;
}

div.container.game-grid {
    margin-top: 0px;
}

@media (max-width: 444px) {
    .sash2 {
        top: -53px;
    }
}

.paragraph {
    text-align: center;
    font-family: "Nunito Sans", sans-serif;
}



/* Useful classes (DISPLAY) */

@media screen and (max-width: 600px) {
    .hide-on-mobile{
      display: none;
    }
  }