@media (max-width:800px) {
    .container {
        flex-direction: column;
    }
    #navbar {
        position: relative;
        top: 0;
        right: 0;
        left: 0;
        height: 100%;
    border-right: 0;
        
    border-bottom: 3px solid;

    }
    #main-doc {
        margin: 40px 0 0 0;
        padding: 5px;
    }
    
    .navbar-list-items {
        width: 100%;
    }
    .nav-ul {
        height: 240px;
        border: 1px solid;
    }
    section li{
        margin: 30px 0 0 50px;
    }
}