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

.row {
    display: flex;
    padding-left: 10px;
    padding-right: 10px;
}

.row> :not(:last-child) {
    margin-right: 10px;
}

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

.col {
    flex: 1;
    min-width: 0;
}

.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;
}

.smallOnly {
    display: none
}

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

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

    .row> :not(:last-child) {
        margin-right: 0px;
        margin-bottom: 10px;
    }

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

    .bigOnly {
        display: none
    }
}