/* Media queries */
@media only screen and (max-width: 90rem) {
    .layout-left-frame {
        flex: 1 1 15rem;
    }

    .layout-content-frame {
        flex: 1 1 40rem;
    }

    .layout-right-frame {
        visibility: hidden;
    }

    .layout-right-frame * {
        display: none;
    }
}

@media only screen and (max-width: 55rem) {

    .layout-right-frame,
    .layout-left-frame {
        flex: 1 1 0;
        visibility: hidden;
    }

    .layout-left-frame * {
        display: none;
    }
}