div.sphinxsidebar {
    /*background-color: #f4f0fe;*/
    width: auto;
    margin-top: 60px
}



div.body p{
    text-align: justify;
    max-width: 100%;

}

div.toggle_right_sidebar {
    width: auto;
}

#right_sidebar {
    margin-top: 40px;

}



div.document img {
    display: block;
}

div.document {
    flex-grow: 1;
    margin-top: 4rem;
    margin-bottom: 5rem;
    margin-left: 18rem;
    margin-right: 15rem;
    padding-top: var(--navbarHeight);
}

div.document div.documentwrapper {
    max-width: 100%;
    margin: 0 40px;
    flex-grow: 1;
    box-sizing: border-box;
    padding: 0;
}

@media (max-width: 768px) {

    div.sphinxsidebar {
        /*background-color: #f4f0fe;*/
        width: auto;
    }

    div.body p{
        text-align: justify;
        max-width: 100%;

    }

    div.toggle_right_sidebar {
        width: auto;
    }


    div.document img {
        display: block;
    }

    div.document {
        flex-grow: 1;
        margin-top: 2rem;
        margin-bottom: 5rem;
        margin-left: 2rem;
        margin-right: 2rem;
        padding-top: var(--navbarHeight);
    }

    div.document div.documentwrapper {
        max-width: 100%;
        margin: 0 ;
    }

}