.page-game-guide .pane-game-guide-2015 h3,
.page-game-guide .pane-game-guide-2015 h4 {
    font-family: 'Stratum2-Thin', sans-serif;
}
.page-game-guide .pane-game-guide-2015 p {
    font-size: 18px;
}
.page-game-guide #panel-bootstrap-region-center .pane-game-guide-2015 > .pane-title {
    display: none;
}
.guide-body {
    padding: 15px 15px 20px;
    position: relative;
    z-index: 8;
}
.avatar-frame {
    position: absolute;
    z-index: 5;
    top: 0;
}
.guide-container { position: relative; }
.guide-bg {
    position: absolute;
    left: -50%;
    width: 1920px;
    height: 100%;
    z-index: 1;
    margin: auto;
}
.left-light, .right-light {
    background: url("../images/container-upsell-top.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    width: 1672px; height: 54px;
    position: absolute;
    left: -50%;
    top: -26px;
    z-index: 3;
}
.right-light {
    background: url("../images/container-footer-top.png") no-repeat scroll center top rgba(0, 0, 0, 0);
}
#game-guide-header .guide-body { }
.guide-container a > img:hover { opacity:0.8; }
.avatar-frame { display: none; }
.left-promo { display: none; }
.right-promo { display: none; }
.bottom-promo {
    display: none;
    width: 100%;
    padding-top: 0;
}
#game-guide-custom .bottom-promo { display: block; }
.bottom-promo button.btn-green-large,
.bottom-promo a.btn-green-large {
    font-size: 14px;
}
.page-game-guide #game-guide-custom .bottom-promo { text-align: center; }
.bottom-promo > a {
    position: relative;
    z-index: 10;
    margin: 8px;
}

@media (min-width: 300px) {
    .page-game-guide .pane-game-guide-2015 h3 { font-size: 40px; }
    .page-game-guide .pane-game-guide-2015 h4 { font-size: 30px; }
}

@media (min-width: 768px) {

}

@media (min-width: 992px) {
    .guide-body { padding: 100px 0 0; }
    .page-game-guide .pane-game-guide-2015 p { padding: 8px; }
    #game-guide-header .guide-body {
       padding-top: 60px;
       padding-left: 0;
       right: 8px;
    }
    .avatar-frame { display: inherit; }
    .left-promo, .right-promo { display: inherit; }
    .bottom-promo { display: inherit; }
    #game-guide-header { min-height: 400px; }
    #game-guide-story { min-height: 670px; }
    #game-guide-heroes { min-height: 480px; }
    #game-guide-location { min-height: 500px; }
    #game-guide-custom { min-height: 910px; }
    .page-game-guide .guide-body p {
        padding-left: 4px;
        padding-right: 4px;
    }
    .page-game-guide .pane-game-guide-2015 h3 { font-size: 90px; }
    .page-game-guide .pane-game-guide-2015 h4 { font-size: 50px; }

    .page-game-guide a.btn-green-large { margin: 20px 0; }

    .page-game-guide .guide-body.right {
        width: 46.6667%;
        right: -10px;
        top: 32px;
    }
    .page-game-guide .guide-body.left {
        width: 41.6667%;
        padding-right: 40px;
    }
    .page-game-guide #game-guide-custom .guide-body.right {
        width: 50.6667%;
        right: 0;
        padding-top: 60px;
    }
    .page-game-guide #game-guide-custom .guide-body.left {
        width: 50.6667%;
        left: 0;
    }
    .left-promo {
        position: relative;
        z-index: 10;
        padding-top: 100px;
        padding-bottom: 40px;
    }
    .right-promo {
        position: relative;
        z-index: 10;
        right: 60px;
        padding-top: 100px;
    }
    .left-promo img, .right-promo img { margin: 8px }
    .left-promo img { margin-left: 0; }
    .right-promo img { margin-right: 0; }
    .page-game-guide #game-guide-custom .bottom-promo a.btn-green-large { font-size: 40px; }
    .bottom-promo > a > img { width: 23%; }
    .bottom-promo > a {
        position: relative;
        z-index: 10;
        margin: 8px;
    }
    .bottom-promo > a.first { margin-left: 0; }
    .bottom-promo > a.last { margin-right: 0; }
}

@media (min-width: 1200px) {
    .page-game-guide .guide-body.right {
        width: 41.6667%;
        right: 50px;
        top: 32px;
    }
    .page-game-guide .guide-body.left { width: 41.6667%; }
    .page-game-guide #game-guide-custom .guide-body.right { text-align: right; }
    .page-game-guide #game-guide-custom .guide-body.left {
        width: 56.6667%;
        left: 0;
    }
    .page-game-guide #game-guide-location,
    .page-game-guide #game-guide-story { min-width: 930px; }
    .page-game-guide a.btn-green-large { margin: 20px 0; }
    .bottom-promo > a > img {
        width: inherit;
        height: inherit;
    }
}
