.lists {
    margin-left: 2rem;
    display: flex;
    position: sticky;
    top: 1.5rem;
    flex-direction: column;
    height: 100%;
    min-width: 200px;

}

.lists .listchild {
    margin-bottom: 1rem;
}

.lists .listchild h2 {
    color: #979797;
}

@media(max-width: 768px) {
    .lists {
        display: flex;
        position: static;
        flex-direction: row;
        height: auto;
        margin-left: unset;
        width: 90%;
        margin: 0 auto;
        padding-top: 1rem;
    }

    .lists .listchild {
        margin-bottom: 0;
        margin-right: 2rem;
    }
}