/*
    Layout looks like this
    ______________________________
    | 0                            |
    |______________________________|
    | 1  || 2                      |
    |    ||                        |
    |    ||                        |
    |    ||                        |
    |    ||                        |
    |    ||                        |
    |    ||                        |
    |    ||                        |
    |    ||                        |
    |    ||                        |
    |____||________________________|
    | 3                            |
    |                              |
    |                              |
    |                              |
    |______________________________|
    | etc..                        |
    |                              |
    |                              |
    |                              |
    |______________________________|
*/

.layout-stacked {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
}

.layout-stacked__0 {
    width: 100%;
}

.layout-stacked__1 {
    width: 25%;
    max-width: 300px;
    min-width: 210px;
}

.layout-stacked__2 {
    flex-grow: 1;
}

.layout-stacked__3,
.layout-stacked__4,
.layout-stacked__5,
.layout-stacked__6 {
    width: 100%;
}