@media only screen and (max-width: 768px) {
    html {
        width: fit-content;        
    }
    
    .sidebox {
        font-size: 1.5rem;
        padding: 0;
    }
    .sidebox ul {
        padding: 0;
    }
    
    body {
        padding: 0.5em;
        margin: 0 !important;
        clear: both;
    }
    
    .back-to-top, .down-to-bottom {
        font-size: 1.5rem;
        border-radius: 5em;
        padding: 1.5em;
    }
    #docsContent {
        margin: 1em;
        width: 60%;
    }
    
    #docsContent p {
        font-size: 2.5rem;
    }
    
    .copyright {
        width: fit-content;
        margin: 0 !important;
    }
    
    h1, h2, h3 {
        font-weight: bold;
    }
}