.taxb-flex-container {
    margin: 0 auto;
    background-color: #eaeaea;
    max-width: 980px;
    min-width: 320px;
}

.taxb-flex-row {
    display:flex;
    flex-wrap: wrap;
}

.taxb-flex-column {
    text-align: center;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    margin: 10px;
    /*background-color: #efefef;*/
    border: 1px solid #dedede;
    padding: 10px;
}

.taxb-flex-col-1 {
    max-width: calc(100% / 12);
}
.taxb-flex-col-2 {
    max-width: calc(100% / 12 * 2);
}
.taxb-flex-col-3 {
    max-width: calc(100% / 12 * 3);
}
.taxb-flex-col-4 {
    max-width: calc(100% / 12 * 4);
}
.taxb-flex-col-5 {
    max-width: calc(100% / 12 * 5);
}
.taxb-flex-col-6 {
    max-width: calc(100% / 2);
}

.taxb-fullwidth {
    width: 100%;
}

@media screen and (max-width: 768px) {
    .taxb-flex-container {
        overflow: auto;
    }
    .taxb-flex-column {
        min-width: 100%;
        width: 100%;
        margin: 10px 0;
    }
}