/* --------------------------------------
/*  Variables
/* -------------------------------------- */
/* --------------------------------------
/*  Foreach
/* -------------------------------------- */
.blex {
    background: orange;
}

.flex-display {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
}

.flex-display-inline {
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: -ms-inline-flex;
    display: inline-flex;
}

.flex-direction {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.flex-direction-reverse {
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.flex-direction-column {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.flex-direction-column-reverse {
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.flex-wrap {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-wrap-nowrap {
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.flex-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse;
    -moz-flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
}

/* Flex Flow */
.flex-justify-flex-start {
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
}

.flex-justify-flex-end {
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
}

.flex-justify-center {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}

.flex-justify-space-between {
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
}

.flex-justify-space-around {
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    justify-content: space-around;
}

.flex-align-content-flex-start {
    -webkit-align-content: flex-start;
    -moz-align-content: flex-start;
    -ms-align-content: flex-start;
    align-content: flex-start;
}

.flex-align-content-flex-end {
    -webkit-align-content: flex-end;
    -moz-align-content: flex-end;
    -ms-align-content: flex-end;
    align-content: flex-end;
}

.flex-align-content-center {
    -webkit-align-content: center;
    -moz-align-content: center;
    -ms-align-content: center;
    align-content: center;
}

.flex-align-content-space-between {
    -webkit-align-content: space-between;
    -moz-align-content: space-between;
    -ms-align-content: space-between;
    align-content: space-between;
}

.flex-align-content-space-around {
    -webkit-align-content: space-around;
    -moz-align-content: space-around;
    -ms-align-content: space-around;
    align-content: space-around;
}

.flex-align-content-stretch {
    -webkit-align-content: stretch;
    -moz-align-content: stretch;
    -ms-align-content: stretch;
    align-content: stretch;
}

.flex-align-items-flex-start {
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
}

.flex-align-items-flex-end {
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    align-items: flex-end;
}

.flex-align-items-center {
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
}

.flex-align-items-baseline {
    -webkit-align-items: baseline;
    -moz-align-items: baseline;
    -ms-align-items: baseline;
    align-items: baseline;
}

.flex-align-items-stretch {
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
}

/* ================= Items ======================= */
.flex-order-0 {
    -webkit-order: 0;
    -moz-order: 0;
    -ms-order: 0;
    order: 0;
}

.flex-order-1 {
    -webkit-order: 1;
    -moz-order: 1;
    -ms-order: 1;
    order: 1;
}

.flex-order-2 {
    -webkit-order: 2;
    -moz-order: 2;
    -ms-order: 2;
    order: 2;
}

.flex-order-3 {
    -webkit-order: 3;
    -moz-order: 3;
    -ms-order: 3;
    order: 3;
}

.flex-order-4 {
    -webkit-order: 4;
    -moz-order: 4;
    -ms-order: 4;
    order: 4;
}

.flex-order-5 {
    -webkit-order: 5;
    -moz-order: 5;
    -ms-order: 5;
    order: 5;
}

.flex-order-6 {
    -webkit-order: 6;
    -moz-order: 6;
    -ms-order: 6;
    order: 6;
}

.flex-order-7 {
    -webkit-order: 7;
    -moz-order: 7;
    -ms-order: 7;
    order: 7;
}

.flex-order-8 {
    -webkit-order: 8;
    -moz-order: 8;
    -ms-order: 8;
    order: 8;
}

.flex-order-9 {
    -webkit-order: 9;
    -moz-order: 9;
    -ms-order: 9;
    order: 9;
}

.flex-order-10 {
    -webkit-order: 10;
    -moz-order: 10;
    -ms-order: 10;
    order: 10;
}

.flex-grow-0 {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
}

.flex-grow-1 {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
}

.flex-grow-2 {
    -webkit-flex-grow: 2;
    -moz-flex-grow: 2;
    -ms-flex-grow: 2;
    flex-grow: 2;
}

.flex-grow-3 {
    -webkit-flex-grow: 3;
    -moz-flex-grow: 3;
    -ms-flex-grow: 3;
    flex-grow: 3;
}

.flex-grow-4 {
    -webkit-flex-grow: 4;
    -moz-flex-grow: 4;
    -ms-flex-grow: 4;
    flex-grow: 4;
}

.flex-grow-5 {
    -webkit-flex-grow: 5;
    -moz-flex-grow: 5;
    -ms-flex-grow: 5;
    flex-grow: 5;
}

.flex-grow-6 {
    -webkit-flex-grow: 6;
    -moz-flex-grow: 6;
    -ms-flex-grow: 6;
    flex-grow: 6;
}

.flex-grow-7 {
    -webkit-flex-grow: 7;
    -moz-flex-grow: 7;
    -ms-flex-grow: 7;
    flex-grow: 7;
}

.flex-grow-8 {
    -webkit-flex-grow: 8;
    -moz-flex-grow: 8;
    -ms-flex-grow: 8;
    flex-grow: 8;
}

.flex-grow-9 {
    -webkit-flex-grow: 9;
    -moz-flex-grow: 9;
    -ms-flex-grow: 9;
    flex-grow: 9;
}

.flex-grow-10 {
    -webkit-flex-grow: 10;
    -moz-flex-grow: 10;
    -ms-flex-grow: 10;
    flex-grow: 10;
}

.flex-shrink-0 {
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
}

.flex-shrink-1 {
    -webkit-flex-shrink: 1;
    -moz-flex-shrink: 1;
    -ms-flex-shrink: 1;
    flex-shrink: 1;
}

.flex-shrink-2 {
    -webkit-flex-shrink: 2;
    -moz-flex-shrink: 2;
    -ms-flex-shrink: 2;
    flex-shrink: 2;
}

.flex-shrink-3 {
    -webkit-flex-shrink: 3;
    -moz-flex-shrink: 3;
    -ms-flex-shrink: 3;
    flex-shrink: 3;
}

.flex-shrink-4 {
    -webkit-flex-shrink: 4;
    -moz-flex-shrink: 4;
    -ms-flex-shrink: 4;
    flex-shrink: 4;
}

.flex-shrink-5 {
    -webkit-flex-shrink: 5;
    -moz-flex-shrink: 5;
    -ms-flex-shrink: 5;
    flex-shrink: 5;
}

.flex-shrink-6 {
    -webkit-flex-shrink: 6;
    -moz-flex-shrink: 6;
    -ms-flex-shrink: 6;
    flex-shrink: 6;
}

.flex-shrink-7 {
    -webkit-flex-shrink: 7;
    -moz-flex-shrink: 7;
    -ms-flex-shrink: 7;
    flex-shrink: 7;
}

.flex-shrink-8 {
    -webkit-flex-shrink: 8;
    -moz-flex-shrink: 8;
    -ms-flex-shrink: 8;
    flex-shrink: 8;
}

.flex-shrink-9 {
    -webkit-flex-shrink: 9;
    -moz-flex-shrink: 9;
    -ms-flex-shrink: 9;
    flex-shrink: 9;
}

.flex-shrink-10 {
    -webkit-flex-shrink: 10;
    -moz-flex-shrink: 10;
    -ms-flex-shrink: 10;
    flex-shrink: 10;
}

.flex-align-self-flex-start {
    -webkit-align-self: flex-start;
    -moz-align-self: flex-start;
    -ms-align-self: flex-start;
    align-self: flex-start;
}

.flex-align-self-flex-end {
    -webkit-align-self: flex-end;
    -moz-align-self: flex-end;
    -ms-align-self: flex-end;
    align-self: flex-end;
}

.flex-align-self-center {
    -webkit-align-self: center;
    -moz-align-self: center;
    -ms-align-self: center;
    align-self: center;
}

.flex-align-self-baseline {
    -webkit-align-self: baseline;
    -moz-align-self: baseline;
    -ms-align-self: baseline;
    align-self: baseline;
}

.flex-align-self-stretch {
    -webkit-align-self: stretch;
    -moz-align-self: stretch;
    -ms-align-self: stretch;
    align-self: stretch;
}

@media (min-width: 1200px) {
    .bg-xl {
        background: orange;
    }

    .fx-xl-display {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: "flex";
    }

    .fx-xl-display-inline {
        display: -webkit-inline-flex;
        display: -moz-inline-flex;
        display: -ms-inline-flexbox;
        display: -ms-inline-flex;
        display: "inline-flex";
    }

    .fx-xl-direction {
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .fx-xl-direction-reverse {
        -webkit-flex-direction: row-reverse;
        -moz-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .fx-xl-direction-column {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .fx-xl-direction-column-reverse {
        -webkit-flex-direction: column-reverse;
        -moz-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .fx-xl-wrap {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .fx-xl-wrap-nowrap {
        -webkit-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .fx-xl-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse;
        -moz-flex-wrap: wrap-reverse;
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }

    /* Flex Flow */
    .fx-xl-justify-flex-start {
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
    }

    .fx-xl-justify-flex-end {
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
    }

    .fx-xl-justify-center {
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
    }

    .fx-xl-justify-space-between {
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
    }

    .fx-xl-justify-space-around {
        -webkit-justify-content: space-around;
        -moz-justify-content: space-around;
        -ms-justify-content: space-around;
        justify-content: space-around;
    }

    .fx-xl-align-content-flex-start {
        -webkit-align-content: flex-start;
        -moz-align-content: flex-start;
        -ms-align-content: flex-start;
        align-content: flex-start;
    }

    .fx-xl-align-content-flex-end {
        -webkit-align-content: flex-end;
        -moz-align-content: flex-end;
        -ms-align-content: flex-end;
        align-content: flex-end;
    }

    .fx-xl-align-content-center {
        -webkit-align-content: center;
        -moz-align-content: center;
        -ms-align-content: center;
        align-content: center;
    }

    .fx-xl-align-content-space-between {
        -webkit-align-content: space-between;
        -moz-align-content: space-between;
        -ms-align-content: space-between;
        align-content: space-between;
    }

    .fx-xl-align-content-space-around {
        -webkit-align-content: space-around;
        -moz-align-content: space-around;
        -ms-align-content: space-around;
        align-content: space-around;
    }

    .fx-xl-align-content-stretch {
        -webkit-align-content: stretch;
        -moz-align-content: stretch;
        -ms-align-content: stretch;
        align-content: stretch;
    }

    .fx-xl-align-items-flex-start {
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        align-items: flex-start;
    }

    .fx-xl-align-items-flex-end {
        -webkit-align-items: flex-end;
        -moz-align-items: flex-end;
        -ms-align-items: flex-end;
        align-items: flex-end;
    }

    .fx-xl-align-items-center {
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
    }

    .fx-xl-align-items-baseline {
        -webkit-align-items: baseline;
        -moz-align-items: baseline;
        -ms-align-items: baseline;
        align-items: baseline;
    }

    .fx-xl-align-items-stretch {
        -webkit-align-items: stretch;
        -moz-align-items: stretch;
        -ms-align-items: stretch;
        align-items: stretch;
    }

    /* ================= Items ======================= */
    .fx-xl-order-0 {
        -webkit-order: 0;
        -moz-order: 0;
        -ms-order: 0;
        order: 0;
    }

    .fx-xl-order-1 {
        -webkit-order: 1;
        -moz-order: 1;
        -ms-order: 1;
        order: 1;
    }

    .fx-xl-order-2 {
        -webkit-order: 2;
        -moz-order: 2;
        -ms-order: 2;
        order: 2;
    }

    .fx-xl-order-3 {
        -webkit-order: 3;
        -moz-order: 3;
        -ms-order: 3;
        order: 3;
    }

    .fx-xl-order-4 {
        -webkit-order: 4;
        -moz-order: 4;
        -ms-order: 4;
        order: 4;
    }

    .fx-xl-order-5 {
        -webkit-order: 5;
        -moz-order: 5;
        -ms-order: 5;
        order: 5;
    }

    .fx-xl-order-6 {
        -webkit-order: 6;
        -moz-order: 6;
        -ms-order: 6;
        order: 6;
    }

    .fx-xl-order-7 {
        -webkit-order: 7;
        -moz-order: 7;
        -ms-order: 7;
        order: 7;
    }

    .fx-xl-order-8 {
        -webkit-order: 8;
        -moz-order: 8;
        -ms-order: 8;
        order: 8;
    }

    .fx-xl-order-9 {
        -webkit-order: 9;
        -moz-order: 9;
        -ms-order: 9;
        order: 9;
    }

    .fx-xl-order-10 {
        -webkit-order: 10;
        -moz-order: 10;
        -ms-order: 10;
        order: 10;
    }

    .fx-xl-grow-0 {
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
    }

    .fx-xl-grow-1 {
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -ms-flex-grow: 1;
        flex-grow: 1;
    }

    .fx-xl-grow-2 {
        -webkit-flex-grow: 2;
        -moz-flex-grow: 2;
        -ms-flex-grow: 2;
        flex-grow: 2;
    }

    .fx-xl-grow-3 {
        -webkit-flex-grow: 3;
        -moz-flex-grow: 3;
        -ms-flex-grow: 3;
        flex-grow: 3;
    }

    .fx-xl-grow-4 {
        -webkit-flex-grow: 4;
        -moz-flex-grow: 4;
        -ms-flex-grow: 4;
        flex-grow: 4;
    }

    .fx-xl-grow-5 {
        -webkit-flex-grow: 5;
        -moz-flex-grow: 5;
        -ms-flex-grow: 5;
        flex-grow: 5;
    }

    .fx-xl-grow-6 {
        -webkit-flex-grow: 6;
        -moz-flex-grow: 6;
        -ms-flex-grow: 6;
        flex-grow: 6;
    }

    .fx-xl-grow-7 {
        -webkit-flex-grow: 7;
        -moz-flex-grow: 7;
        -ms-flex-grow: 7;
        flex-grow: 7;
    }

    .fx-xl-grow-8 {
        -webkit-flex-grow: 8;
        -moz-flex-grow: 8;
        -ms-flex-grow: 8;
        flex-grow: 8;
    }

    .fx-xl-grow-9 {
        -webkit-flex-grow: 9;
        -moz-flex-grow: 9;
        -ms-flex-grow: 9;
        flex-grow: 9;
    }

    .fx-xl-grow-10 {
        -webkit-flex-grow: 10;
        -moz-flex-grow: 10;
        -ms-flex-grow: 10;
        flex-grow: 10;
    }

    .fx-xl-shrink-0 {
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
    }

    .fx-xl-shrink-1 {
        -webkit-flex-shrink: 1;
        -moz-flex-shrink: 1;
        -ms-flex-shrink: 1;
        flex-shrink: 1;
    }

    .fx-xl-shrink-2 {
        -webkit-flex-shrink: 2;
        -moz-flex-shrink: 2;
        -ms-flex-shrink: 2;
        flex-shrink: 2;
    }

    .fx-xl-shrink-3 {
        -webkit-flex-shrink: 3;
        -moz-flex-shrink: 3;
        -ms-flex-shrink: 3;
        flex-shrink: 3;
    }

    .fx-xl-shrink-4 {
        -webkit-flex-shrink: 4;
        -moz-flex-shrink: 4;
        -ms-flex-shrink: 4;
        flex-shrink: 4;
    }

    .fx-xl-shrink-5 {
        -webkit-flex-shrink: 5;
        -moz-flex-shrink: 5;
        -ms-flex-shrink: 5;
        flex-shrink: 5;
    }

    .fx-xl-shrink-6 {
        -webkit-flex-shrink: 6;
        -moz-flex-shrink: 6;
        -ms-flex-shrink: 6;
        flex-shrink: 6;
    }

    .fx-xl-shrink-7 {
        -webkit-flex-shrink: 7;
        -moz-flex-shrink: 7;
        -ms-flex-shrink: 7;
        flex-shrink: 7;
    }

    .fx-xl-shrink-8 {
        -webkit-flex-shrink: 8;
        -moz-flex-shrink: 8;
        -ms-flex-shrink: 8;
        flex-shrink: 8;
    }

    .fx-xl-shrink-9 {
        -webkit-flex-shrink: 9;
        -moz-flex-shrink: 9;
        -ms-flex-shrink: 9;
        flex-shrink: 9;
    }

    .fx-xl-shrink-10 {
        -webkit-flex-shrink: 10;
        -moz-flex-shrink: 10;
        -ms-flex-shrink: 10;
        flex-shrink: 10;
    }

    .fx-xl-align-self-flex-start {
        -webkit-align-self: flex-start;
        -moz-align-self: flex-start;
        -ms-align-self: flex-start;
        align-self: flex-start;
    }

    .fx-xl-align-self-flex-end {
        -webkit-align-self: flex-end;
        -moz-align-self: flex-end;
        -ms-align-self: flex-end;
        align-self: flex-end;
    }

    .fx-xl-align-self-center {
        -webkit-align-self: center;
        -moz-align-self: center;
        -ms-align-self: center;
        align-self: center;
    }

    .fx-xl-align-self-baseline {
        -webkit-align-self: baseline;
        -moz-align-self: baseline;
        -ms-align-self: baseline;
        align-self: baseline;
    }

    .fx-xl-align-self-stretch {
        -webkit-align-self: stretch;
        -moz-align-self: stretch;
        -ms-align-self: stretch;
        align-self: stretch;
    }
}

@media (min-width: 1006px) {
    .bg-lg {
        background: orange;
    }

    .flex-lg-display {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
    }

    .flex-lg-display-inline {
        display: -webkit-inline-flex;
        display: -moz-inline-flex;
        display: -ms-inline-flexbox;
        display: -ms-inline-flex;
        display: inline-flex;
    }

    .flex-lg-direction {
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .flex-lg-direction-reverse {
        -webkit-flex-direction: row-reverse;
        -moz-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .flex-lg-direction-column {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .flex-lg-direction-column-reverse {
        -webkit-flex-direction: column-reverse;
        -moz-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .flex-lg-wrap {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .flex-lg-wrap-nowrap {
        -webkit-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .flex-lg-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse;
        -moz-flex-wrap: wrap-reverse;
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }

    /* Flex Flow */
    .flex-lg-justify-flex-start {
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
    }

    .flex-lg-justify-flex-end {
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
    }

    .flex-lg-justify-center {
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
    }

    .flex-lg-justify-space-between {
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
    }

    .flex-lg-justify-space-around {
        -webkit-justify-content: space-around;
        -moz-justify-content: space-around;
        -ms-justify-content: space-around;
        justify-content: space-around;
    }

    .flex-lg-align-content-flex-start {
        -webkit-align-content: flex-start;
        -moz-align-content: flex-start;
        -ms-align-content: flex-start;
        align-content: flex-start;
    }

    .flex-lg-align-content-flex-end {
        -webkit-align-content: flex-end;
        -moz-align-content: flex-end;
        -ms-align-content: flex-end;
        align-content: flex-end;
    }

    .flex-lg-align-content-center {
        -webkit-align-content: center;
        -moz-align-content: center;
        -ms-align-content: center;
        align-content: center;
    }

    .flex-lg-align-content-space-between {
        -webkit-align-content: space-between;
        -moz-align-content: space-between;
        -ms-align-content: space-between;
        align-content: space-between;
    }

    .flex-lg-align-content-space-around {
        -webkit-align-content: space-around;
        -moz-align-content: space-around;
        -ms-align-content: space-around;
        align-content: space-around;
    }

    .flex-lg-align-content-stretch {
        -webkit-align-content: stretch;
        -moz-align-content: stretch;
        -ms-align-content: stretch;
        align-content: stretch;
    }

    .flex-lg-align-items-flex-start {
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        align-items: flex-start;
    }

    .flex-lg-align-items-flex-end {
        -webkit-align-items: flex-end;
        -moz-align-items: flex-end;
        -ms-align-items: flex-end;
        align-items: flex-end;
    }

    .flex-lg-align-items-center {
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
    }

    .flex-lg-align-items-baseline {
        -webkit-align-items: baseline;
        -moz-align-items: baseline;
        -ms-align-items: baseline;
        align-items: baseline;
    }

    .flex-lg-align-items-stretch {
        -webkit-align-items: stretch;
        -moz-align-items: stretch;
        -ms-align-items: stretch;
        align-items: stretch;
    }

    /* ================= Items ======================= */
    .flex-lg-order-0 {
        -webkit-order: 0;
        -moz-order: 0;
        -ms-order: 0;
        order: 0;
    }

    .flex-lg-order-1 {
        -webkit-order: 1;
        -moz-order: 1;
        -ms-order: 1;
        order: 1;
    }

    .flex-lg-order-2 {
        -webkit-order: 2;
        -moz-order: 2;
        -ms-order: 2;
        order: 2;
    }

    .flex-lg-order-3 {
        -webkit-order: 3;
        -moz-order: 3;
        -ms-order: 3;
        order: 3;
    }

    .flex-lg-order-4 {
        -webkit-order: 4;
        -moz-order: 4;
        -ms-order: 4;
        order: 4;
    }

    .flex-lg-order-5 {
        -webkit-order: 5;
        -moz-order: 5;
        -ms-order: 5;
        order: 5;
    }

    .flex-lg-order-6 {
        -webkit-order: 6;
        -moz-order: 6;
        -ms-order: 6;
        order: 6;
    }

    .flex-lg-order-7 {
        -webkit-order: 7;
        -moz-order: 7;
        -ms-order: 7;
        order: 7;
    }

    .flex-lg-order-8 {
        -webkit-order: 8;
        -moz-order: 8;
        -ms-order: 8;
        order: 8;
    }

    .flex-lg-order-9 {
        -webkit-order: 9;
        -moz-order: 9;
        -ms-order: 9;
        order: 9;
    }

    .flex-lg-order-10 {
        -webkit-order: 10;
        -moz-order: 10;
        -ms-order: 10;
        order: 10;
    }

    .flex-lg-grow-0 {
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
    }

    .flex-lg-grow-1 {
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -ms-flex-grow: 1;
        flex-grow: 1;
    }

    .flex-lg-grow-2 {
        -webkit-flex-grow: 2;
        -moz-flex-grow: 2;
        -ms-flex-grow: 2;
        flex-grow: 2;
    }

    .flex-lg-grow-3 {
        -webkit-flex-grow: 3;
        -moz-flex-grow: 3;
        -ms-flex-grow: 3;
        flex-grow: 3;
    }

    .flex-lg-grow-4 {
        -webkit-flex-grow: 4;
        -moz-flex-grow: 4;
        -ms-flex-grow: 4;
        flex-grow: 4;
    }

    .flex-lg-grow-5 {
        -webkit-flex-grow: 5;
        -moz-flex-grow: 5;
        -ms-flex-grow: 5;
        flex-grow: 5;
    }

    .flex-lg-grow-6 {
        -webkit-flex-grow: 6;
        -moz-flex-grow: 6;
        -ms-flex-grow: 6;
        flex-grow: 6;
    }

    .flex-lg-grow-7 {
        -webkit-flex-grow: 7;
        -moz-flex-grow: 7;
        -ms-flex-grow: 7;
        flex-grow: 7;
    }

    .flex-lg-grow-8 {
        -webkit-flex-grow: 8;
        -moz-flex-grow: 8;
        -ms-flex-grow: 8;
        flex-grow: 8;
    }

    .flex-lg-grow-9 {
        -webkit-flex-grow: 9;
        -moz-flex-grow: 9;
        -ms-flex-grow: 9;
        flex-grow: 9;
    }

    .flex-lg-grow-10 {
        -webkit-flex-grow: 10;
        -moz-flex-grow: 10;
        -ms-flex-grow: 10;
        flex-grow: 10;
    }

    .flex-lg-shrink-0 {
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
    }

    .flex-lg-shrink-1 {
        -webkit-flex-shrink: 1;
        -moz-flex-shrink: 1;
        -ms-flex-shrink: 1;
        flex-shrink: 1;
    }

    .flex-lg-shrink-2 {
        -webkit-flex-shrink: 2;
        -moz-flex-shrink: 2;
        -ms-flex-shrink: 2;
        flex-shrink: 2;
    }

    .flex-lg-shrink-3 {
        -webkit-flex-shrink: 3;
        -moz-flex-shrink: 3;
        -ms-flex-shrink: 3;
        flex-shrink: 3;
    }

    .flex-lg-shrink-4 {
        -webkit-flex-shrink: 4;
        -moz-flex-shrink: 4;
        -ms-flex-shrink: 4;
        flex-shrink: 4;
    }

    .flex-lg-shrink-5 {
        -webkit-flex-shrink: 5;
        -moz-flex-shrink: 5;
        -ms-flex-shrink: 5;
        flex-shrink: 5;
    }

    .flex-lg-shrink-6 {
        -webkit-flex-shrink: 6;
        -moz-flex-shrink: 6;
        -ms-flex-shrink: 6;
        flex-shrink: 6;
    }

    .flex-lg-shrink-7 {
        -webkit-flex-shrink: 7;
        -moz-flex-shrink: 7;
        -ms-flex-shrink: 7;
        flex-shrink: 7;
    }

    .flex-lg-shrink-8 {
        -webkit-flex-shrink: 8;
        -moz-flex-shrink: 8;
        -ms-flex-shrink: 8;
        flex-shrink: 8;
    }

    .flex-lg-shrink-9 {
        -webkit-flex-shrink: 9;
        -moz-flex-shrink: 9;
        -ms-flex-shrink: 9;
        flex-shrink: 9;
    }

    .flex-lg-shrink-10 {
        -webkit-flex-shrink: 10;
        -moz-flex-shrink: 10;
        -ms-flex-shrink: 10;
        flex-shrink: 10;
    }

    .flex-lg-align-self-flex-start {
        -webkit-align-self: flex-start;
        -moz-align-self: flex-start;
        -ms-align-self: flex-start;
        align-self: flex-start;
    }

    .flex-lg-align-self-flex-end {
        -webkit-align-self: flex-end;
        -moz-align-self: flex-end;
        -ms-align-self: flex-end;
        align-self: flex-end;
    }

    .flex-lg-align-self-center {
        -webkit-align-self: center;
        -moz-align-self: center;
        -ms-align-self: center;
        align-self: center;
    }

    .flex-lg-align-self-baseline {
        -webkit-align-self: baseline;
        -moz-align-self: baseline;
        -ms-align-self: baseline;
        align-self: baseline;
    }

    .flex-lg-align-self-stretch {
        -webkit-align-self: stretch;
        -moz-align-self: stretch;
        -ms-align-self: stretch;
        align-self: stretch;
    }
}

@media (min-width: 768px) {
    .bg-md {
        background: orange;
    }

    .flex-md-display {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
    }

    .flex-md-display-inline {
        display: -webkit-inline-flex;
        display: -moz-inline-flex;
        display: -ms-inline-flexbox;
        display: -ms-inline-flex;
        display: inline-flex;
    }

    .flex-md-direction {
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .flex-md-direction-reverse {
        -webkit-flex-direction: row-reverse;
        -moz-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .flex-md-direction-column {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .flex-md-direction-column-reverse {
        -webkit-flex-direction: column-reverse;
        -moz-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .flex-md-wrap {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .flex-md-wrap-nowrap {
        -webkit-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .flex-md-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse;
        -moz-flex-wrap: wrap-reverse;
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }

    /* Flex Flow */
    .flex-md-justify-flex-start {
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
    }

    .flex-md-justify-flex-end {
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
    }

    .flex-md-justify-center {
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
    }

    .flex-md-justify-space-between {
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
    }

    .flex-md-justify-space-around {
        -webkit-justify-content: space-around;
        -moz-justify-content: space-around;
        -ms-justify-content: space-around;
        justify-content: space-around;
    }

    .flex-md-align-content-flex-start {
        -webkit-align-content: flex-start;
        -moz-align-content: flex-start;
        -ms-align-content: flex-start;
        align-content: flex-start;
    }

    .flex-md-align-content-flex-end {
        -webkit-align-content: flex-end;
        -moz-align-content: flex-end;
        -ms-align-content: flex-end;
        align-content: flex-end;
    }

    .flex-md-align-content-center {
        -webkit-align-content: center;
        -moz-align-content: center;
        -ms-align-content: center;
        align-content: center;
    }

    .flex-md-align-content-space-between {
        -webkit-align-content: space-between;
        -moz-align-content: space-between;
        -ms-align-content: space-between;
        align-content: space-between;
    }

    .flex-md-align-content-space-around {
        -webkit-align-content: space-around;
        -moz-align-content: space-around;
        -ms-align-content: space-around;
        align-content: space-around;
    }

    .flex-md-align-content-stretch {
        -webkit-align-content: stretch;
        -moz-align-content: stretch;
        -ms-align-content: stretch;
        align-content: stretch;
    }

    .flex-md-align-items-flex-start {
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        align-items: flex-start;
    }

    .flex-md-align-items-flex-end {
        -webkit-align-items: flex-end;
        -moz-align-items: flex-end;
        -ms-align-items: flex-end;
        align-items: flex-end;
    }

    .flex-md-align-items-center {
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
    }

    .flex-md-align-items-baseline {
        -webkit-align-items: baseline;
        -moz-align-items: baseline;
        -ms-align-items: baseline;
        align-items: baseline;
    }

    .flex-md-align-items-stretch {
        -webkit-align-items: stretch;
        -moz-align-items: stretch;
        -ms-align-items: stretch;
        align-items: stretch;
    }

    /* ================= Items ======================= */
    .flex-md-order-0 {
        -webkit-order: 0;
        -moz-order: 0;
        -ms-order: 0;
        order: 0;
    }

    .flex-md-order-1 {
        -webkit-order: 1;
        -moz-order: 1;
        -ms-order: 1;
        order: 1;
    }

    .flex-md-order-2 {
        -webkit-order: 2;
        -moz-order: 2;
        -ms-order: 2;
        order: 2;
    }

    .flex-md-order-3 {
        -webkit-order: 3;
        -moz-order: 3;
        -ms-order: 3;
        order: 3;
    }

    .flex-md-order-4 {
        -webkit-order: 4;
        -moz-order: 4;
        -ms-order: 4;
        order: 4;
    }

    .flex-md-order-5 {
        -webkit-order: 5;
        -moz-order: 5;
        -ms-order: 5;
        order: 5;
    }

    .flex-md-order-6 {
        -webkit-order: 6;
        -moz-order: 6;
        -ms-order: 6;
        order: 6;
    }

    .flex-md-order-7 {
        -webkit-order: 7;
        -moz-order: 7;
        -ms-order: 7;
        order: 7;
    }

    .flex-md-order-8 {
        -webkit-order: 8;
        -moz-order: 8;
        -ms-order: 8;
        order: 8;
    }

    .flex-md-order-9 {
        -webkit-order: 9;
        -moz-order: 9;
        -ms-order: 9;
        order: 9;
    }

    .flex-md-order-10 {
        -webkit-order: 10;
        -moz-order: 10;
        -ms-order: 10;
        order: 10;
    }

    .flex-md-grow-0 {
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
    }

    .flex-md-grow-1 {
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -ms-flex-grow: 1;
        flex-grow: 1;
    }

    .flex-md-grow-2 {
        -webkit-flex-grow: 2;
        -moz-flex-grow: 2;
        -ms-flex-grow: 2;
        flex-grow: 2;
    }

    .flex-md-grow-3 {
        -webkit-flex-grow: 3;
        -moz-flex-grow: 3;
        -ms-flex-grow: 3;
        flex-grow: 3;
    }

    .flex-md-grow-4 {
        -webkit-flex-grow: 4;
        -moz-flex-grow: 4;
        -ms-flex-grow: 4;
        flex-grow: 4;
    }

    .flex-md-grow-5 {
        -webkit-flex-grow: 5;
        -moz-flex-grow: 5;
        -ms-flex-grow: 5;
        flex-grow: 5;
    }

    .flex-md-grow-6 {
        -webkit-flex-grow: 6;
        -moz-flex-grow: 6;
        -ms-flex-grow: 6;
        flex-grow: 6;
    }

    .flex-md-grow-7 {
        -webkit-flex-grow: 7;
        -moz-flex-grow: 7;
        -ms-flex-grow: 7;
        flex-grow: 7;
    }

    .flex-md-grow-8 {
        -webkit-flex-grow: 8;
        -moz-flex-grow: 8;
        -ms-flex-grow: 8;
        flex-grow: 8;
    }

    .flex-md-grow-9 {
        -webkit-flex-grow: 9;
        -moz-flex-grow: 9;
        -ms-flex-grow: 9;
        flex-grow: 9;
    }

    .flex-md-grow-10 {
        -webkit-flex-grow: 10;
        -moz-flex-grow: 10;
        -ms-flex-grow: 10;
        flex-grow: 10;
    }

    .flex-md-shrink-0 {
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
    }

    .flex-md-shrink-1 {
        -webkit-flex-shrink: 1;
        -moz-flex-shrink: 1;
        -ms-flex-shrink: 1;
        flex-shrink: 1;
    }

    .flex-md-shrink-2 {
        -webkit-flex-shrink: 2;
        -moz-flex-shrink: 2;
        -ms-flex-shrink: 2;
        flex-shrink: 2;
    }

    .flex-md-shrink-3 {
        -webkit-flex-shrink: 3;
        -moz-flex-shrink: 3;
        -ms-flex-shrink: 3;
        flex-shrink: 3;
    }

    .flex-md-shrink-4 {
        -webkit-flex-shrink: 4;
        -moz-flex-shrink: 4;
        -ms-flex-shrink: 4;
        flex-shrink: 4;
    }

    .flex-md-shrink-5 {
        -webkit-flex-shrink: 5;
        -moz-flex-shrink: 5;
        -ms-flex-shrink: 5;
        flex-shrink: 5;
    }

    .flex-md-shrink-6 {
        -webkit-flex-shrink: 6;
        -moz-flex-shrink: 6;
        -ms-flex-shrink: 6;
        flex-shrink: 6;
    }

    .flex-md-shrink-7 {
        -webkit-flex-shrink: 7;
        -moz-flex-shrink: 7;
        -ms-flex-shrink: 7;
        flex-shrink: 7;
    }

    .flex-md-shrink-8 {
        -webkit-flex-shrink: 8;
        -moz-flex-shrink: 8;
        -ms-flex-shrink: 8;
        flex-shrink: 8;
    }

    .flex-md-shrink-9 {
        -webkit-flex-shrink: 9;
        -moz-flex-shrink: 9;
        -ms-flex-shrink: 9;
        flex-shrink: 9;
    }

    .flex-md-shrink-10 {
        -webkit-flex-shrink: 10;
        -moz-flex-shrink: 10;
        -ms-flex-shrink: 10;
        flex-shrink: 10;
    }

    .flex-md-align-self-flex-start {
        -webkit-align-self: flex-start;
        -moz-align-self: flex-start;
        -ms-align-self: flex-start;
        align-self: flex-start;
    }

    .flex-md-align-self-flex-end {
        -webkit-align-self: flex-end;
        -moz-align-self: flex-end;
        -ms-align-self: flex-end;
        align-self: flex-end;
    }

    .flex-md-align-self-center {
        -webkit-align-self: center;
        -moz-align-self: center;
        -ms-align-self: center;
        align-self: center;
    }

    .flex-md-align-self-baseline {
        -webkit-align-self: baseline;
        -moz-align-self: baseline;
        -ms-align-self: baseline;
        align-self: baseline;
    }

    .flex-md-align-self-stretch {
        -webkit-align-self: stretch;
        -moz-align-self: stretch;
        -ms-align-self: stretch;
        align-self: stretch;
    }
}

@media (min-width: 544px) {
    .bg-sm {
        background: orange;
    }

    .flex-sm-display {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: "flex";
    }

    .flex-sm-display-inline {
        display: -webkit-inline-flex;
        display: -moz-inline-flex;
        display: -ms-inline-flexbox;
        display: -ms-inline-flex;
        display: "inline-flex";
    }

    .fx-sm-direction {
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .fx-sm-direction-reverse {
        -webkit-flex-direction: row-reverse;
        -moz-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .fx-sm-direction-column {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .fx-sm-direction-column-reverse {
        -webkit-flex-direction: column-reverse;
        -moz-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .fx-sm-wrap {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .fx-sm-wrap-nowrap {
        -webkit-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .fx-sm-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse;
        -moz-flex-wrap: wrap-reverse;
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }

    /* Flex Flow */
    .fx-sm-justify-flex-start {
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
    }

    .fx-sm-justify-flex-end {
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
    }

    .fx-sm-justify-center {
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
    }

    .fx-sm-justify-space-between {
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
    }

    .fx-sm-justify-space-around {
        -webkit-justify-content: space-around;
        -moz-justify-content: space-around;
        -ms-justify-content: space-around;
        justify-content: space-around;
    }

    .fx-sm-align-content-flex-start {
        -webkit-align-content: flex-start;
        -moz-align-content: flex-start;
        -ms-align-content: flex-start;
        align-content: flex-start;
    }

    .fx-sm-align-content-flex-end {
        -webkit-align-content: flex-end;
        -moz-align-content: flex-end;
        -ms-align-content: flex-end;
        align-content: flex-end;
    }

    .fx-sm-align-content-center {
        -webkit-align-content: center;
        -moz-align-content: center;
        -ms-align-content: center;
        align-content: center;
    }

    .fx-sm-align-content-space-between {
        -webkit-align-content: space-between;
        -moz-align-content: space-between;
        -ms-align-content: space-between;
        align-content: space-between;
    }

    .fx-sm-align-content-space-around {
        -webkit-align-content: space-around;
        -moz-align-content: space-around;
        -ms-align-content: space-around;
        align-content: space-around;
    }

    .fx-sm-align-content-stretch {
        -webkit-align-content: stretch;
        -moz-align-content: stretch;
        -ms-align-content: stretch;
        align-content: stretch;
    }

    .fx-sm-align-items-flex-start {
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        align-items: flex-start;
    }

    .fx-sm-align-items-flex-end {
        -webkit-align-items: flex-end;
        -moz-align-items: flex-end;
        -ms-align-items: flex-end;
        align-items: flex-end;
    }

    .fx-sm-align-items-center {
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
    }

    .fx-sm-align-items-baseline {
        -webkit-align-items: baseline;
        -moz-align-items: baseline;
        -ms-align-items: baseline;
        align-items: baseline;
    }

    .fx-sm-align-items-stretch {
        -webkit-align-items: stretch;
        -moz-align-items: stretch;
        -ms-align-items: stretch;
        align-items: stretch;
    }

    /* ================= Items ======================= */
    .fx-sm-order-0 {
        -webkit-order: 0;
        -moz-order: 0;
        -ms-order: 0;
        order: 0;
    }

    .fx-sm-order-1 {
        -webkit-order: 1;
        -moz-order: 1;
        -ms-order: 1;
        order: 1;
    }

    .fx-sm-order-2 {
        -webkit-order: 2;
        -moz-order: 2;
        -ms-order: 2;
        order: 2;
    }

    .fx-sm-order-3 {
        -webkit-order: 3;
        -moz-order: 3;
        -ms-order: 3;
        order: 3;
    }

    .fx-sm-order-4 {
        -webkit-order: 4;
        -moz-order: 4;
        -ms-order: 4;
        order: 4;
    }

    .fx-sm-order-5 {
        -webkit-order: 5;
        -moz-order: 5;
        -ms-order: 5;
        order: 5;
    }

    .fx-sm-order-6 {
        -webkit-order: 6;
        -moz-order: 6;
        -ms-order: 6;
        order: 6;
    }

    .fx-sm-order-7 {
        -webkit-order: 7;
        -moz-order: 7;
        -ms-order: 7;
        order: 7;
    }

    .fx-sm-order-8 {
        -webkit-order: 8;
        -moz-order: 8;
        -ms-order: 8;
        order: 8;
    }

    .fx-sm-order-9 {
        -webkit-order: 9;
        -moz-order: 9;
        -ms-order: 9;
        order: 9;
    }

    .fx-sm-order-10 {
        -webkit-order: 10;
        -moz-order: 10;
        -ms-order: 10;
        order: 10;
    }

    .fx-sm-grow-0 {
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
    }

    .fx-sm-grow-1 {
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -ms-flex-grow: 1;
        flex-grow: 1;
    }

    .fx-sm-grow-2 {
        -webkit-flex-grow: 2;
        -moz-flex-grow: 2;
        -ms-flex-grow: 2;
        flex-grow: 2;
    }

    .fx-sm-grow-3 {
        -webkit-flex-grow: 3;
        -moz-flex-grow: 3;
        -ms-flex-grow: 3;
        flex-grow: 3;
    }

    .fx-sm-grow-4 {
        -webkit-flex-grow: 4;
        -moz-flex-grow: 4;
        -ms-flex-grow: 4;
        flex-grow: 4;
    }

    .fx-sm-grow-5 {
        -webkit-flex-grow: 5;
        -moz-flex-grow: 5;
        -ms-flex-grow: 5;
        flex-grow: 5;
    }

    .fx-sm-grow-6 {
        -webkit-flex-grow: 6;
        -moz-flex-grow: 6;
        -ms-flex-grow: 6;
        flex-grow: 6;
    }

    .fx-sm-grow-7 {
        -webkit-flex-grow: 7;
        -moz-flex-grow: 7;
        -ms-flex-grow: 7;
        flex-grow: 7;
    }

    .fx-sm-grow-8 {
        -webkit-flex-grow: 8;
        -moz-flex-grow: 8;
        -ms-flex-grow: 8;
        flex-grow: 8;
    }

    .fx-sm-grow-9 {
        -webkit-flex-grow: 9;
        -moz-flex-grow: 9;
        -ms-flex-grow: 9;
        flex-grow: 9;
    }

    .fx-sm-grow-10 {
        -webkit-flex-grow: 10;
        -moz-flex-grow: 10;
        -ms-flex-grow: 10;
        flex-grow: 10;
    }

    .fx-sm-shrink-0 {
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
    }

    .fx-sm-shrink-1 {
        -webkit-flex-shrink: 1;
        -moz-flex-shrink: 1;
        -ms-flex-shrink: 1;
        flex-shrink: 1;
    }

    .fx-sm-shrink-2 {
        -webkit-flex-shrink: 2;
        -moz-flex-shrink: 2;
        -ms-flex-shrink: 2;
        flex-shrink: 2;
    }

    .fx-sm-shrink-3 {
        -webkit-flex-shrink: 3;
        -moz-flex-shrink: 3;
        -ms-flex-shrink: 3;
        flex-shrink: 3;
    }

    .fx-sm-shrink-4 {
        -webkit-flex-shrink: 4;
        -moz-flex-shrink: 4;
        -ms-flex-shrink: 4;
        flex-shrink: 4;
    }

    .fx-sm-shrink-5 {
        -webkit-flex-shrink: 5;
        -moz-flex-shrink: 5;
        -ms-flex-shrink: 5;
        flex-shrink: 5;
    }

    .fx-sm-shrink-6 {
        -webkit-flex-shrink: 6;
        -moz-flex-shrink: 6;
        -ms-flex-shrink: 6;
        flex-shrink: 6;
    }

    .fx-sm-shrink-7 {
        -webkit-flex-shrink: 7;
        -moz-flex-shrink: 7;
        -ms-flex-shrink: 7;
        flex-shrink: 7;
    }

    .fx-sm-shrink-8 {
        -webkit-flex-shrink: 8;
        -moz-flex-shrink: 8;
        -ms-flex-shrink: 8;
        flex-shrink: 8;
    }

    .fx-sm-shrink-9 {
        -webkit-flex-shrink: 9;
        -moz-flex-shrink: 9;
        -ms-flex-shrink: 9;
        flex-shrink: 9;
    }

    .fx-sm-shrink-10 {
        -webkit-flex-shrink: 10;
        -moz-flex-shrink: 10;
        -ms-flex-shrink: 10;
        flex-shrink: 10;
    }

    .fx-sm-align-self-flex-start {
        -webkit-align-self: flex-start;
        -moz-align-self: flex-start;
        -ms-align-self: flex-start;
        align-self: flex-start;
    }

    .fx-sm-align-self-flex-end {
        -webkit-align-self: flex-end;
        -moz-align-self: flex-end;
        -ms-align-self: flex-end;
        align-self: flex-end;
    }

    .fx-sm-align-self-center {
        -webkit-align-self: center;
        -moz-align-self: center;
        -ms-align-self: center;
        align-self: center;
    }

    .fx-sm-align-self-baseline {
        -webkit-align-self: baseline;
        -moz-align-self: baseline;
        -ms-align-self: baseline;
        align-self: baseline;
    }

    .fx-sm-align-self-stretch {
        -webkit-align-self: stretch;
        -moz-align-self: stretch;
        -ms-align-self: stretch;
        align-self: stretch;
    }
}

@media (min-width: 0em) {
    .bg-xs {
        background: orange;
    }

    .flex-xs-display {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
    }

    .flex-xs-display-inline {
        display: -webkit-inline-flex;
        display: -moz-inline-flex;
        display: -ms-inline-flexbox;
        display: -ms-inline-flex;
        display: inline-flex;
    }

    .flex-xs-direction {
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .flex-xs-direction-reverse {
        -webkit-flex-direction: row-reverse;
        -moz-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .flex-xs-direction-column {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .flex-xs-direction-column-reverse {
        -webkit-flex-direction: column-reverse;
        -moz-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .flex-xs-wrap {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .flex-xs-wrap-nowrap {
        -webkit-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .flex-xs-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse;
        -moz-flex-wrap: wrap-reverse;
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }

    /* Flex Flow */
    .flex-xs-justify-flex-start {
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
    }

    .flex-xs-justify-flex-end {
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
    }

    .flex-xs-justify-center {
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
    }

    .flex-xs-justify-space-between {
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
    }

    .flex-xs-justify-space-around {
        -webkit-justify-content: space-around;
        -moz-justify-content: space-around;
        -ms-justify-content: space-around;
        justify-content: space-around;
    }

    .flex-xs-align-content-flex-start {
        -webkit-align-content: flex-start;
        -moz-align-content: flex-start;
        -ms-align-content: flex-start;
        align-content: flex-start;
    }

    .flex-xs-align-content-flex-end {
        -webkit-align-content: flex-end;
        -moz-align-content: flex-end;
        -ms-align-content: flex-end;
        align-content: flex-end;
    }

    .flex-xs-align-content-center {
        -webkit-align-content: center;
        -moz-align-content: center;
        -ms-align-content: center;
        align-content: center;
    }

    .flex-xs-align-content-space-between {
        -webkit-align-content: space-between;
        -moz-align-content: space-between;
        -ms-align-content: space-between;
        align-content: space-between;
    }

    .flex-xs-align-content-space-around {
        -webkit-align-content: space-around;
        -moz-align-content: space-around;
        -ms-align-content: space-around;
        align-content: space-around;
    }

    .flex-xs-align-content-stretch {
        -webkit-align-content: stretch;
        -moz-align-content: stretch;
        -ms-align-content: stretch;
        align-content: stretch;
    }

    .flex-xs-align-items-flex-start {
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        align-items: flex-start;
    }

    .flex-xs-align-items-flex-end {
        -webkit-align-items: flex-end;
        -moz-align-items: flex-end;
        -ms-align-items: flex-end;
        align-items: flex-end;
    }

    .flex-xs-align-items-center {
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
    }

    .flex-xs-align-items-baseline {
        -webkit-align-items: baseline;
        -moz-align-items: baseline;
        -ms-align-items: baseline;
        align-items: baseline;
    }

    .flex-xs-align-items-stretch {
        -webkit-align-items: stretch;
        -moz-align-items: stretch;
        -ms-align-items: stretch;
        align-items: stretch;
    }

    /* ================= Items ======================= */
    .flex-xs-order-0 {
        -webkit-order: 0;
        -moz-order: 0;
        -ms-order: 0;
        order: 0;
    }

    .flex-xs-order-1 {
        -webkit-order: 1;
        -moz-order: 1;
        -ms-order: 1;
        order: 1;
    }

    .flex-xs-order-2 {
        -webkit-order: 2;
        -moz-order: 2;
        -ms-order: 2;
        order: 2;
    }

    .flex-xs-order-3 {
        -webkit-order: 3;
        -moz-order: 3;
        -ms-order: 3;
        order: 3;
    }

    .flex-xs-order-4 {
        -webkit-order: 4;
        -moz-order: 4;
        -ms-order: 4;
        order: 4;
    }

    .flex-xs-order-5 {
        -webkit-order: 5;
        -moz-order: 5;
        -ms-order: 5;
        order: 5;
    }

    .flex-xs-order-6 {
        -webkit-order: 6;
        -moz-order: 6;
        -ms-order: 6;
        order: 6;
    }

    .flex-xs-order-7 {
        -webkit-order: 7;
        -moz-order: 7;
        -ms-order: 7;
        order: 7;
    }

    .flex-xs-order-8 {
        -webkit-order: 8;
        -moz-order: 8;
        -ms-order: 8;
        order: 8;
    }

    .flex-xs-order-9 {
        -webkit-order: 9;
        -moz-order: 9;
        -ms-order: 9;
        order: 9;
    }

    .flex-xs-order-10 {
        -webkit-order: 10;
        -moz-order: 10;
        -ms-order: 10;
        order: 10;
    }

    .flex-xs-grow-0 {
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
    }

    .flex-xs-grow-1 {
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -ms-flex-grow: 1;
        flex-grow: 1;
    }

    .flex-xs-grow-2 {
        -webkit-flex-grow: 2;
        -moz-flex-grow: 2;
        -ms-flex-grow: 2;
        flex-grow: 2;
    }

    .flex-xs-grow-3 {
        -webkit-flex-grow: 3;
        -moz-flex-grow: 3;
        -ms-flex-grow: 3;
        flex-grow: 3;
    }

    .flex-xs-grow-4 {
        -webkit-flex-grow: 4;
        -moz-flex-grow: 4;
        -ms-flex-grow: 4;
        flex-grow: 4;
    }

    .flex-xs-grow-5 {
        -webkit-flex-grow: 5;
        -moz-flex-grow: 5;
        -ms-flex-grow: 5;
        flex-grow: 5;
    }

    .flex-xs-grow-6 {
        -webkit-flex-grow: 6;
        -moz-flex-grow: 6;
        -ms-flex-grow: 6;
        flex-grow: 6;
    }

    .flex-xs-grow-7 {
        -webkit-flex-grow: 7;
        -moz-flex-grow: 7;
        -ms-flex-grow: 7;
        flex-grow: 7;
    }

    .flex-xs-grow-8 {
        -webkit-flex-grow: 8;
        -moz-flex-grow: 8;
        -ms-flex-grow: 8;
        flex-grow: 8;
    }

    .flex-xs-grow-9 {
        -webkit-flex-grow: 9;
        -moz-flex-grow: 9;
        -ms-flex-grow: 9;
        flex-grow: 9;
    }

    .flex-xs-grow-10 {
        -webkit-flex-grow: 10;
        -moz-flex-grow: 10;
        -ms-flex-grow: 10;
        flex-grow: 10;
    }

    .flex-xs-shrink-0 {
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
    }

    .flex-xs-shrink-1 {
        -webkit-flex-shrink: 1;
        -moz-flex-shrink: 1;
        -ms-flex-shrink: 1;
        flex-shrink: 1;
    }

    .flex-xs-shrink-2 {
        -webkit-flex-shrink: 2;
        -moz-flex-shrink: 2;
        -ms-flex-shrink: 2;
        flex-shrink: 2;
    }

    .flex-xs-shrink-3 {
        -webkit-flex-shrink: 3;
        -moz-flex-shrink: 3;
        -ms-flex-shrink: 3;
        flex-shrink: 3;
    }

    .flex-xs-shrink-4 {
        -webkit-flex-shrink: 4;
        -moz-flex-shrink: 4;
        -ms-flex-shrink: 4;
        flex-shrink: 4;
    }

    .flex-xs-shrink-5 {
        -webkit-flex-shrink: 5;
        -moz-flex-shrink: 5;
        -ms-flex-shrink: 5;
        flex-shrink: 5;
    }

    .flex-xs-shrink-6 {
        -webkit-flex-shrink: 6;
        -moz-flex-shrink: 6;
        -ms-flex-shrink: 6;
        flex-shrink: 6;
    }

    .flex-xs-shrink-7 {
        -webkit-flex-shrink: 7;
        -moz-flex-shrink: 7;
        -ms-flex-shrink: 7;
        flex-shrink: 7;
    }

    .flex-xs-shrink-8 {
        -webkit-flex-shrink: 8;
        -moz-flex-shrink: 8;
        -ms-flex-shrink: 8;
        flex-shrink: 8;
    }

    .flex-xs-shrink-9 {
        -webkit-flex-shrink: 9;
        -moz-flex-shrink: 9;
        -ms-flex-shrink: 9;
        flex-shrink: 9;
    }

    .flex-xs-shrink-10 {
        -webkit-flex-shrink: 10;
        -moz-flex-shrink: 10;
        -ms-flex-shrink: 10;
        flex-shrink: 10;
    }

    .flex-xs-align-self-flex-start {
        -webkit-align-self: flex-start;
        -moz-align-self: flex-start;
        -ms-align-self: flex-start;
        align-self: flex-start;
    }

    .flex-xs-align-self-flex-end {
        -webkit-align-self: flex-end;
        -moz-align-self: flex-end;
        -ms-align-self: flex-end;
        align-self: flex-end;
    }

    .flex-xs-align-self-center {
        -webkit-align-self: center;
        -moz-align-self: center;
        -ms-align-self: center;
        align-self: center;
    }

    .flex-xs-align-self-baseline {
        -webkit-align-self: baseline;
        -moz-align-self: baseline;
        -ms-align-self: baseline;
        align-self: baseline;
    }

    .flex-xs-align-self-stretch {
        -webkit-align-self: stretch;
        -moz-align-self: stretch;
        -ms-align-self: stretch;
        align-self: stretch;
    }
}