/* Mobile styles */
@media (max-width: 800px) {

    #main {
        padding-bottom: 45px;
    }

    #back-to-top {
        position: fixed;
        bottom: 0;
        right: 0;
        width: 100%;
    }
    
    #back-to-top .container {
        width: 100%;
        font-size: 17px;
        font-weight: bold;
        border-radius: 0;
        border-top: 2px solid #ccc;
        padding: 15px 10px;
        color: #4d4d4d;
        text-align: center;
        opacity: 0.8;
    }

    #back-to-top .container i.fa {
        opacity: 0.8;
        padding-right: 8px;
    }

    #back-to-top .container:hover {
        opacity: 0.8;
    }

    .desktop-only {
        display: none;
    }

    .mobile-only {
        display: inline;
    }

}