.banner {
    background: url(../images/banner-js-200.jpg) no-repeat center;
}

.faq-title {
    background-color: whitesmoke;
    color: dimgray;
}

#game-issues { background-image: url(../images/faq-button-js-game-issues.png);}
#game-hints { background-image: url(../images/faq-button-js-game-hints.png); }
#account-issues { background-image: url(../images/faq-button-js-account.png);}
#technical-issues { background-image: url(../images/faq-button-js-technical.png);}
#payments { background-image: url(../images/faq-button-js-payment.png);}
#education { background-image: url(../images/faq-button-js-education.png);}

#game-issues.stacked-button { background-image: url(../images/mobile/faq-button-js-game-issues.png);}
#game-hints.stacked-button { background-image: url(../images/mobile/faq-button-js-game-hints.png); }
#account-issues.stacked-button { background-image: url(../images/mobile/faq-button-js-account.png);}
#technical-issues.stacked-button { background-image: url(../images/mobile/faq-button-js-technical.png);}
#payments.stacked-button { background-image: url(../images/mobile/faq-button-js-payment.png);}
#education.stacked-button { background-image: url(../images/mobile/faq-button-js-education.png);}

.more-help {
    background-color: #e4f3fc;
}

.more-help h3{
    background-color: dimgray;
    color: whitesmoke;
}


@media screen and (max-width : 480px) {
    .banner {
        background: url(../images/banner-js-57.jpg) no-repeat center;
    }

    #game-issues { background-image: url(../images/mobile/faq-button-js-game-issues.png);}
    #game-hints { background-image: url(../images/mobile/faq-button-js-game-hints.png); }
    #account-issues { background-image: url(../images/mobile/faq-button-js-account.png);}
    #technical-issues { background-image: url(../images/mobile/faq-button-js-technical.png);}
    #payments { background-image: url(../images/mobile/faq-button-js-payment.png);}
    #education { background-image: url(../images/mobile/faq-button-js-education.png);}
}