.wf-columns {
    display: flex;
}

    .wf-columns .wf-column {
        flex: 1 1 0px;
        margin-left: 0.5em;
        max-width: 100%;
        box-sizing: border-box;
    }

    .wf-columns :first-child.wf-column {
        margin-left: inherit;
    }

    .wf-columns :last-child.wf-column {
        margin-right: inherit;
    }

.wf-columns-stack-large {
    flex-wrap: wrap;
}

.wf-columns-stack-medium {
    flex-wrap: wrap;
}

.wf-columns-stack-small {
    flex-wrap: wrap;
}

.wf-columns-align-left {
    justify-content: flex-start;
}

.wf-columns-align-center {
    justify-content: center;
}

.wf-columns-align-right {
    justify-content: flex-end;
}

.wf-columns-layout-1-2 > :last-child.wf-column {
    flex: 0 0 auto;
    width: calc(100% * 2 /3.001);
}

.wf-columns-layout-2-1 > :first-child.wf-column {
    flex: 0 0 auto;
    width: calc(100% * 2 /3.001);
}

.wf-columns-layout-1-1-2 > :last-child.wf-column {
    flex: 0 0 auto;
    width: 50%;
}

.wf-columns-layout-1-2-1 > :nth-child(2).wf-column {
    flex: 0 0 auto;
    width: 50%;
}

.wf-columns-layout-2-1-1 > :first-child.wf-column {
    flex: 0 0 auto;
    width: 50%;
}

.wf-columns-layout-1-3 > :last-child.wf-column {
    flex: 0 0 auto;
    width: 75%;
}

.wf-columns-layout-3-1 > :first-child.wf-column {
    flex: 0 0 auto;
    width: 75%;
}

@media all and (max-width:640px) {
    .wf-columns-stack-small > .wf-column {
        flex: 1 1 auto !important;
        width: 100%;
        margin-right: inherit;
        margin-left: inherit;
    }
}

@media all and (max-width:960px) {
    .wf-columns-stack-medium > .wf-column {
        flex: 1 1 auto !important;
        width: 100%;
        margin-right: inherit;
        margin-left: inherit;
    }
}

@media all and (max-width:1200px) {
    .wf-columns-stack-large > .wf-column {
        flex: 1 1 auto !important;
        width: 100%;
        margin-right: inherit;
        margin-left: inherit;
    }
}

@media all and (max-width:1600px) {
    .wf-columns-stack-xlarge > .wf-column {
        width: 100%;
        margin-right: inherit;
        margin-left: inherit;
    }
}
