.mobile {
    display: none;
}

@media only screen and (max-width:600px) {
    

    .mobile {
        display: block;
    }

    .sidebuttons {
        top: unset;
        bottom: 0;
        left: 0;
        right: unset;
        width: 100%;
        background-color: #f6814e;
        padding: 3px 0 0 0;
        position: fixed;
        border-top: 1px solid #FFF;
        z-index: 4;
    }

    .sidebutton {
        position: relative !important;
        display: inline-block;
        width: calc(50% - 3px);
        top: 0 !important;
    }


        .sidebutton a, .mobile sidebutton a {
            color: #FFF !important;
            text-decoration: none;
            display: block;
            font-size: 16px;
            padding: 8px 0 8px 10px;
            
            padding: 10px 0 8px 30px;
        }

            .sidebutton a span {
                display: block;
                text-align: center;
                width: 40px;
                float: left;
                padding: 2px 0px;
            }

            .sidebutton a i {
                margin: 0px 5px 0 5px;
            }

            .sidebutton a i {
                font-size: 20px;
            }

    .rborder {
        border-right: 1px solid #FFF;
    }
}