@media only screen and (min-width: 691px) {
    .scrollable_parent {
        display: flex;
        /** flex so children that are now in a flex container can take maximum height without overlofw, margins included */

        flex-direction: column;

        height: 100%;
        /** takes height of window */

        min-height: 0;
        /** so parent can be smaller than its content */
    }




    .scrollable_parent .scrollable {
        overflow-y: scroll;
    }
}