.layout {
    float: left;
}

.layout.w100 {
    width: 100%;
}

.layout.w70 {
    width: 69%;
}

.layout.w50 {
    width: 49%;
}

.layout.w60 {
    width: 59%;
}

.layout.w40 {
    width: 39%;
}

.layout.w30 {
    width: 29%;
}

.layout.w33 {
    width: 32%;
}

.layout:not(.inner0) {
    margin-left: 2%;
}

.footnote {
    display: block;
    opacity: 0.9;
    font-style: italic;
    font-size: 0.9rem;
}

.footnote:first-of-type {
    padding-top: 2em;
}

.outer::before {
    content: "";
    display: block;
    clear: both;
}

.expanded {
    margin-bottom: 1em;
}

@media only screen and (max-width: 818px) {
    .layout.w33 {
        width: 100%;
        margin-left: 0;
    }
}

@media only screen and (max-width: 722px) {
    .layout.w50, .layout.w60, .layout.w40, .layout.w70, .layout.w30 {
        width: 100%;
        margin-left: 0;
    }
}