html, body {
    height: 100%;
}

body {
    background-color: #212121 !important;
}

#banner {
    min-height: calc(100% - 322px);
    color: #fff;
    padding: 5%;
    padding-top: 15px;
    text-align: center;
}

#payment_box {
    padding-top: 0px;
}

a.btn {
    margin: 10px;
    margin-top: 0px;
    padding: 20px;
    border: 2px solid #fff;
    height: 140px;
    width: 140px;
    color: white;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    background-color: #97C932;
}

/* For devices with less than 600px screen width */
/*@media screen and (max-width: 600px) {*/
/*    #payment_box {*/
/*        padding: 10%;*/
/*        padding-top: 60px;*/
/*    }*/
/*}*/

/* For devices with greater than 600px screen width */
/*@media screen and (min-width: 601px) {*/
/*    #payment_box {*/
/*        padding: 5%;*/
/*        padding-top: 60px;*/
/*    }*/
/*}*/