html, body {
    height: 100%;
}
.main-wrapper {
    min-height: 100%;
}
#mobileLinks:hover {
    opacity: 0.8;
}
#hdft_bg {
     background-image: linear-gradient(#563935, #352a26, #563935);
     color: #c9c8c6;
}

body {
    background-image: url("../bres/page_bg.png");
    background-repeat: repeat;
}

/*Promo*/
.promo-banner {
    width: 100%;
    background: linear-gradient(to right, #ffffff, #073b6f);
    text-align: center;
    border: 1px solid #dee2e6;
    border-radius: 10px;
    min-height: 105px;
    position: relative;
    overflow: hidden;
}

.promo-banner:after{
    content: '';
    position:absolute;
    left:-35px;
    top:0;
    height: 100%;
    width: 400px;
    background: url('../bres/promo_bg_2.png') no-repeat center right;
    background-size: 100% auto;
    opacity: 0.8;
}

.promo-banner:before{
    content: '';
    position:absolute;
    right: -45px;
    top: -65px;
    height: 166px;
    width: 300px;
    background: url('../bres/promo_bg_cards.png') no-repeat top left;
    opacity: 0.3;
}