/* Flex */
.wrap {
    display: block;
    max-width: 1216px;
    margin: 0px auto;
}

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

.row .wrap {
    flex: 1;
    display: flex;
}

.col {
    flex: 1;
    overflow-wrap: break-word;
}

.quarter {
    flex-basis: 25%;
}

.third {
    flex-basis: 33.333%;
}

.half {
    flex-basis: 50%;
}

.twothirds {
    flex-basis: 66.666%;
}

.threequarters {
    flex-basis: 75%;
}

.minimal {
    flex: 0 0 auto;
}

.col,
.quarter,
.third,
.half,
.twothirds,
.threequarters,
.minimal {
    padding: 0px 10px 0px 10px;
    box-sizing: border-box;
}

.smallOnly {
    display: none
}

@media (max-width: 866px) {
    .wrap {
        width: 100%;
    }

    .row,
    .row .wrap {
        flex-direction: column;
        padding: 0px !important;
    }

    .row .row .col:first-child {
        padding: 0px 0px 0px 0px;
    }

    .row .row .col:last-child {
        padding: 0px 0px 0px 0px;
    }

    .footer>.row,
    .footer>.row .wrap {
        flex-direction: column;
    }

    .reverse {
        flex-direction: column-reverse !important;
    }
}