#wrapper{
    /* background-color: rgb(43, 101, 226); */
}


#wrapper > .row{
    max-width: 1500px;
    /* background-color: blueviolet; */
    margin: auto;
    display: flex;
    flex-direction: row;
}

@media screen and (max-width: 768px) {
    #wrapper > .row{
        flex-direction: column;
    }

    #wrapper > .row #left-column{
        width: 100%;
    }

    #wrapper > .row .content-wrapper{
        width: 75%;
    }
}

/* #wrapper > .row .left-column{
    /* max-width: 363px; */
    /* width: 25%; 
    position: relative;
    height: 560px;
    overflow: scroll;
    height: auto;
} */

#wrapper > .row .content-wrapper{
    height: min-content;
    position: relative;
    float: none;
}


.logged #left-column{
    width: 25%;
}