.columns {
    flex: 0 0 100%;
    max-width: 100%;
}
.expand {
    flex: 1 1 0px;
    min-width: 0;
}
.small-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
}

.small-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
}
.small-3 {
    flex: 0 0 25%;
    max-width: 25%;
}
.small-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}
.small-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
}
.small-6 {
    flex: 0 0 50%;
    max-width: 50%;
}
.small-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
}
.small-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
}
.small-9 {
    flex: 0 0 75%;
    max-width: 75%;
}
.small-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
}
.small-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
}
.small-12 {
    flex: 0 0 100%;
    max-width: 100%;
}
.shrink {
    flex: 0 0 auto;
    max-width: 100%; 
}

.small-offset-0 {
    margin-left: 0%;
}
.small-offset-1 {
    margin-left: 8.33333%;
}
.small-offset-2 {
    margin-left: 16.66667%;
}
.small-offset-3 {
    margin-left: 25%;
}
.small-offset-4 {
    margin-left: 33.33333%;
}
.small-offset-5 {
    margin-left: 41.66667%;
}
.small-offset-6 {
    margin-left: 50%;
}
.small-offset-7 {
    margin-left: 58.33333%;
}
.small-offset-8 {
    margin-left: 66.66667%;
}
.small-offset-9 {
    margin-left: 75%;
}
.small-offset-10 {
    margin-left: 83.33333%;
}
.small-offset-11 {
    margin-left: 91.66667%;
}

@media print, screen and (min-width: 40em) {
    .medium-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }
    .medium-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }
    .medium-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .medium-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    .medium-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }
    .medium-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .medium-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }
    .medium-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }
    .medium-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .medium-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }
    .medium-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }
    .medium-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .medium-shrink {
        flex: 0 0 auto;
        max-width: 100%; 
    }
    .medium-expand {
        flex: 1 1 0px;
    }

    .medium-offset-0 {
        margin-left: 0%;
    }
    .medium-offset-1 {
        margin-left: 8.33333%;
    }
    .medium-offset-2 {
        margin-left: 16.66667%;
    }
    .medium-offset-3 {
        margin-left: 25%;
    }
    .medium-offset-4 {
        margin-left: 33.33333%;
    }
    .medium-offset-5 {
        margin-left: 41.66667%;
    }
    .medium-offset-6 {
        margin-left: 50%;
    }
    .medium-offset-7 {
        margin-left: 58.33333%;
    }
    .medium-offset-8 {
        margin-left: 66.66667%;
    }
    .medium-offset-9 {
        margin-left: 75%;
    }
    .medium-offset-10 {
        margin-left: 83.33333%;
    }
    .medium-offset-11 {
        margin-left: 91.66667%;
    }
}

@media print, screen and (min-width: 64em) {
    .large-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .large-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }
    .large-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .large-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    .large-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }
    .large-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .large-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }
    .large-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }
    .large-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .large-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }
    .large-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }
    .large-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .large-shrink {
        flex: 0 0 auto;
        max-width: 100%; 
    }
    .large-expand {
        flex: 1 1 0px;
    }

    .large-offset-0 {
        margin-left: 0%;
    }
    .large-offset-1 {
        margin-left: 8.33333%;
    }
    .large-offset-2 {
        margin-left: 16.66667%;
    }
    .large-offset-3 {
        margin-left: 25%;
    }
    .large-offset-4 {
        margin-left: 33.33333%;
    }
    .large-offset-5 {
        margin-left: 41.66667%;
    }
    .large-offset-6 {
        margin-left: 50%;
    }
    .large-offset-7 {
        margin-left: 58.33333%;
    }
    .large-offset-8 {
        margin-left: 66.66667%;
    }
    .large-offset-9 {
        margin-left: 75%;
    }
    .large-offset-10 {
        margin-left: 83.33333%;
    }
    .large-offset-11 {
        margin-left: 91.66667%;
    }
}

@media print, screen and (min-width: 75em) {
    .xlarge-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .xlarge-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }
    .xlarge-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .xlarge-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    .xlarge-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }
    .xlarge-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .xlarge-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }
    .xlarge-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }
    .xlarge-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .xlarge-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }
    .xlarge-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }
    .xlarge-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .xlarge-shrink {
        flex: 0 0 auto;
        max-width: 100%; 
    }
    .xlarge-expand {
        flex: 1 1 0px;
    }

    .xlarge-offset-0 {
        margin-left: 0%;
    }
    .xlarge-offset-1 {
        margin-left: 8.33333%;
    }
    .xlarge-offset-2 {
        margin-left: 16.66667%;
    }
    .xlarge-offset-3 {
        margin-left: 25%;
    }
    .xlarge-offset-4 {
        margin-left: 33.33333%;
    }
    .xlarge-offset-5 {
        margin-left: 41.66667%;
    }
    .xlarge-offset-6 {
        margin-left: 50%;
    }
    .xlarge-offset-7 {
        margin-left: 58.33333%;
    }
    .xlarge-offset-8 {
        margin-left: 66.66667%;
    }
    .xlarge-offset-9 {
        margin-left: 75%;
    }
    .xlarge-offset-10 {
        margin-left: 83.33333%;
    }
    .xlarge-offset-11 {
        margin-left: 91.66667%;
    }
}

@media print, screen and (min-width: 90em) {
    .xxlarge-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .xxlarge-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }
    .xxlarge-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .xxlarge-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    .xxlarge-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }
    .xxlarge-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .xxlarge-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }
    .xxlarge-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }
    .xxlarge-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .xxlarge-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }
    .xxlarge-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }
    .xxlarge-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .xxlarge-shrink {
        flex: 0 0 auto;
        max-width: 100%; 
    }
    .xxlarge-expand {
        flex: 1 1 0px;
    }

    .xxlarge-offset-0 {
        margin-left: 0%;
    }
    .xxlarge-offset-1 {
        margin-left: 8.33333%;
    }
    .xxlarge-offset-2 {
        margin-left: 16.66667%;
    }
    .xxlarge-offset-3 {
        margin-left: 25%;
    }
    .xxlarge-offset-4 {
        margin-left: 33.33333%;
    }
    .xxlarge-offset-5 {
        margin-left: 41.66667%;
    }
    .xxlarge-offset-6 {
        margin-left: 50%;
    }
    .xxlarge-offset-7 {
        margin-left: 58.33333%;
    }
    .xxlarge-offset-8 {
        margin-left: 66.66667%;
    }
    .xxlarge-offset-9 {
        margin-left: 75%;
    }
    .xxlarge-offset-10 {
        margin-left: 83.33333%;
    }
    .xxlarge-offset-11 {
        margin-left: 91.66667%;
    }
}

.small-order-1 {
    order: 1;
}
.small-order-2 {
    order: 2;
}
.small-order-3 {
    order: 3;
}
.small-order-4 {
    order: 4;
}
.small-order-5 {
    order: 5;
}
.small-order-6 {
    order: 6;
}
@media print,
screen and (min-width: 40em) {
    .medium-order-1 {
        order: 1;
    }
    .medium-order-2 {
        order: 2;
    }
    .medium-order-3 {
        order: 3;
    }
    .medium-order-4 {
        order: 4;
    }
    .medium-order-5 {
        order: 5;
    }
    .medium-order-6 {
        order: 6;
    }
}

@media print,
screen and (min-width: 64em) {
    .large-order-1 {
        order: 1;
    }
    .large-order-2 {
        order: 2;
    }
    .large-order-3 {
        order: 3;
    }
    .large-order-4 {
        order: 4;
    }
    .large-order-5 {
        order: 5;
    }
    .large-order-6 {
        order: 6;
    }
}

@media print,
screen and (min-width: 75em) {
    .xlarge-order-1 {
        order: 1;
    }
    .xlarge-order-2 {
        order: 2;
    }
    .xlarge-order-3 {
        order: 3;
    }
    .xlarge-order-4 {
        order: 4;
    }
    .xlarge-order-5 {
        order: 5;
    }
    .xlarge-order-6 {
        order: 6;
    }
}

@media print,
screen and (min-width: 90em) {
    .xxlarge-order-1 {
        order: 1;
    }
    .xxlarge-order-2 {
        order: 2;
    }
    .xxlarge-order-3 {
        order: 3;
    }
    .xxlarge-order-4 {
        order: 4;
    }
    .xxlarge-order-5 {
        order: 5;
    }
    .xxlarge-order-6 {
        order: 6;
    }
}


.align-self-top {
    align-self: flex-start;
}
.align-self-bottom {
    align-self: flex-end;
}
.align-self-middle {
    align-self: center;
}
.align-self-stretch {
    align-self: stretch;
}
@media print,
screen and (min-width: 40em) {
    .medium-align-self-top {
        align-self: flex-start;
    }
    .medium-align-self-bottom {
        align-self: flex-end;
    }
    .medium-align-self-middle {
        align-self: center;
    }
    .medium-align-self-stretch {
        align-self: stretch;
    }
}
@media print,
screen and (min-width: 64em) {
    .large-align-self-top {
        align-self: flex-start;
    }
    .large-align-self-bottom {
        align-self: flex-end;
    }
    .large-align-self-middle {
        align-self: center;
    }
    .large-align-self-stretch {
        align-self: stretch;
    }
}
@media print,
screen and (min-width: 75em) {
    .xlarge-align-self-top {
        align-self: flex-start;
    }
    .xlarge-align-self-bottom {
        align-self: flex-end;
    }
    .xlarge-align-self-middle {
        align-self: center;
    }
    .xlarge-align-self-stretch {
        align-self: stretch;
    }
}
@media print,
screen and (min-width: 90em) {
    .xxlarge-align-self-top {
        align-self: flex-start;
    }
    .xxlarge-align-self-bottom {
        align-self: flex-end;
    }
    .xxlarge-align-self-middle {
        align-self: center;
    }
    .xxlarge-align-self-stretch {
        align-self: stretch;
    }
}


/* NEW STYLE to Test */
.small-5_1 {flex: 0 0 20%; max-width: 20%;}
.small-5_2 {flex: 0 0 40%; max-width: 40%;}
.small-5_3 {flex: 0 0 60%; max-width: 60%;}
.small-5_4 {flex: 0 0 80%; max-width: 80%;}
.small-5_5 {flex: 0 0 100%; max-width: 100%;}
.small-6_1 {flex: 0 0 16.666%; max-width: 16.666%;}
.small-6_2 {flex: 0 0 33.333%; max-width: 33.333%;}
.small-6_3 {flex: 0 0 50%; max-width: 50%;}
.small-6_4 {flex: 0 0 66.666%; max-width: 66.666%;}
.small-6_5 {flex: 0 0 83.333%; max-width: 83.333%;}
.small-6_6 {flex: 0 0 100%; max-width: 100%;}
.small-8_1 {flex: 0 0 12.5%; max-width: 12.5%;}
.small-8_2 {flex: 0 0 25%; max-width: 25%;}
.small-8_3 {flex: 0 0 37.5%; max-width: 37.5%;}
.small-8_4 {flex: 0 0 50%; max-width: 50%;}
.small-8_5 {flex: 0 0 62.5%; max-width: 62.5%;}
.small-8_6 {flex: 0 0 75%; max-width: 75%;}
.small-8_7 {flex: 0 0 87.5%; max-width: 87.5%;}
.small-8_8 {flex: 0 0 100%; max-width: 100%;}
.small-offset-5_1 {margin-left: 20%;}
.small-offset-5_2 {margin-left: 40%;}
.small-offset-5_3 {margin-left: 60%;}
.small-offset-5_4 {margin-left: 80%;}
.small-offset-5_5 {margin-left: 100%;}
.small-offset-6_1 {margin-left: 16.666%;}
.small-offset-6_2 {margin-left: 33.333%;}
.small-offset-6_3 {margin-left: 50%;}
.small-offset-6_4 {margin-left: 66.666%;}
.small-offset-6_5 {margin-left: 83.333%;}
.small-offset-6_6 {margin-left: 100%;}
.small-offset-8_1 {margin-left: 12.5%;}
.small-offset-8_2 {margin-left: 25%;}
.small-offset-8_3 {margin-left: 37.5%;}
.small-offset-8_4 {margin-left: 50%;}
.small-offset-8_5 {margin-left: 62.5%;}
.small-offset-8_6 {margin-left: 75%;}
.small-offset-8_7 {margin-left: 87.5%;}
.small-offset-8_8 {margin-left: 100%;}

@media print, screen and (min-width: 40em) {
    .medium-shrink { flex: 0 0 auto; max-width: 100%; }
    .medium-expand { flex: 1 1 0px;}
    .medium-5_1 {flex: 0 0 20%; max-width: 20%;}
    .medium-5_2 {flex: 0 0 40%; max-width: 40%;}
    .medium-5_3 {flex: 0 0 60%; max-width: 60%;}
    .medium-5_4 {flex: 0 0 80%; max-width: 80%;}
    .medium-5_5 {flex: 0 0 100%; max-width: 100%;}
    .medium-6_1 {flex: 0 0 16.666%; max-width: 16.666%;}
    .medium-6_2 {flex: 0 0 33.333%; max-width: 33.333%;}
    .medium-6_3 {flex: 0 0 50%; max-width: 50%;}
    .medium-6_4 {flex: 0 0 66.666%; max-width: 66.666%;}
    .medium-6_5 {flex: 0 0 83.333%; max-width: 83.333%;}
    .medium-6_6 {flex: 0 0 100%; max-width: 100%;}
    .medium-8_1 {flex: 0 0 12.5%; max-width: 12.5%;}
    .medium-8_2 {flex: 0 0 25%; max-width: 25%;}
    .medium-8_3 {flex: 0 0 37.5%; max-width: 37.5%;}
    .medium-8_4 {flex: 0 0 50%; max-width: 50%;}
    .medium-8_5 {flex: 0 0 62.5%; max-width: 62.5%;}
    .medium-8_6 {flex: 0 0 75%; max-width: 75%;}
    .medium-8_7 {flex: 0 0 87.5%; max-width: 87.5%;}
    .medium-8_8 {flex: 0 0 100%; max-width: 100%;}
    .medium-offset-5_1 {margin-left: 20%;}
    .medium-offset-5_2 {margin-left: 40%;}
    .medium-offset-5_3 {margin-left: 60%;}
    .medium-offset-5_4 {margin-left: 80%;}
    .medium-offset-5_5 {margin-left: 100%;}
    .medium-offset-6_1 {margin-left: 16.666%;}
    .medium-offset-6_2 {margin-left: 33.333%;}
    .medium-offset-6_3 {margin-left: 50%;}
    .medium-offset-6_4 {margin-left: 66.666%;}
    .medium-offset-6_5 {margin-left: 83.333%;}
    .medium-offset-6_6 {margin-left: 100%;}
    .medium-offset-8_1 {margin-left: 12.5%;}
    .medium-offset-8_2 {margin-left: 25%;}
    .medium-offset-8_3 {margin-left: 37.5%;}
    .medium-offset-8_4 {margin-left: 50%;}
    .medium-offset-8_5 {margin-left: 62.5%;}
    .medium-offset-8_6 {margin-left: 75%;}
    .medium-offset-8_7 {margin-left: 87.5%;}
    .medium-offset-8_8 {margin-left: 100%;}
}
@media print, screen and (min-width: 64em) {
    .large-shrink { flex: 0 0 auto; max-width: 100%; }
    .large-expand { flex: 1 1 0px;}
    .large-5_1 {flex: 0 0 20%; max-width: 20%;}
    .large-5_2 {flex: 0 0 40%; max-width: 40%;}
    .large-5_3 {flex: 0 0 60%; max-width: 60%;}
    .large-5_4 {flex: 0 0 80%; max-width: 80%;}
    .large-5_5 {flex: 0 0 100%; max-width: 100%;}
    .large-6_1 {flex: 0 0 16.666%; max-width: 16.666%;}
    .large-6_2 {flex: 0 0 33.333%; max-width: 33.333%;}
    .large-6_3 {flex: 0 0 50%; max-width: 50%;}
    .large-6_4 {flex: 0 0 66.666%; max-width: 66.666%;}
    .large-6_5 {flex: 0 0 83.333%; max-width: 83.333%;}
    .large-6_6 {flex: 0 0 100%; max-width: 100%;}
    .large-8_1 {flex: 0 0 12.5%; max-width: 12.5%;}
    .large-8_2 {flex: 0 0 25%; max-width: 25%;}
    .large-8_3 {flex: 0 0 37.5%; max-width: 37.5%;}
    .large-8_4 {flex: 0 0 50%; max-width: 50%;}
    .large-8_5 {flex: 0 0 62.5%; max-width: 62.5%;}
    .large-8_6 {flex: 0 0 75%; max-width: 75%;}
    .large-8_7 {flex: 0 0 87.5%; max-width: 87.5%;}
    .large-8_8 {flex: 0 0 100%; max-width: 100%;}
    .large-offset-5_1 {margin-left: 20%;}
    .large-offset-5_2 {margin-left: 40%;}
    .large-offset-5_3 {margin-left: 60%;}
    .large-offset-5_4 {margin-left: 80%;}
    .large-offset-5_5 {margin-left: 100%;}
    .large-offset-6_1 {margin-left: 16.666%;}
    .large-offset-6_2 {margin-left: 33.333%;}
    .large-offset-6_3 {margin-left: 50%;}
    .large-offset-6_4 {margin-left: 66.666%;}
    .large-offset-6_5 {margin-left: 83.333%;}
    .large-offset-6_6 {margin-left: 100%;}
    .large-offset-8_1 {margin-left: 12.5%;}
    .large-offset-8_2 {margin-left: 25%;}
    .large-offset-8_3 {margin-left: 37.5%;}
    .large-offset-8_4 {margin-left: 50%;}
    .large-offset-8_5 {margin-left: 62.5%;}
    .large-offset-8_6 {margin-left: 75%;}
    .large-offset-8_7 {margin-left: 87.5%;}
    .large-offset-8_8 {margin-left: 100%;}
}

@media print, screen and (min-width: 75em) {
    .xlarge-shrink { flex: 0 0 auto; max-width: 100%; }
    .xlarge-expand { flex: 1 1 0px;}
    .xlarge-5_1 {flex: 0 0 20%; max-width: 20%;}
    .xlarge-5_2 {flex: 0 0 40%; max-width: 40%;}
    .xlarge-5_3 {flex: 0 0 60%; max-width: 60%;}
    .xlarge-5_4 {flex: 0 0 80%; max-width: 80%;}
    .xlarge-5_5 {flex: 0 0 100%; max-width: 100%;}
    .xlarge-6_1 {flex: 0 0 16.666%; max-width: 16.666%;}
    .xlarge-6_2 {flex: 0 0 33.333%; max-width: 33.333%;}
    .xlarge-6_3 {flex: 0 0 50%; max-width: 50%;}
    .xlarge-6_4 {flex: 0 0 66.666%; max-width: 66.666%;}
    .xlarge-6_5 {flex: 0 0 83.333%; max-width: 83.333%;}
    .xlarge-6_6 {flex: 0 0 100%; max-width: 100%;}
    .xlarge-8_1 {flex: 0 0 12.5%; max-width: 12.5%;}
    .xlarge-8_2 {flex: 0 0 25%; max-width: 25%;}
    .xlarge-8_3 {flex: 0 0 37.5%; max-width: 37.5%;}
    .xlarge-8_4 {flex: 0 0 50%; max-width: 50%;}
    .xlarge-8_5 {flex: 0 0 62.5%; max-width: 62.5%;}
    .xlarge-8_6 {flex: 0 0 75%; max-width: 75%;}
    .xlarge-8_7 {flex: 0 0 87.5%; max-width: 87.5%;}
    .xlarge-8_8 {flex: 0 0 100%; max-width: 100%;}
    .xlarge-offset-5_1 {margin-left: 20%;}
    .xlarge-offset-5_2 {margin-left: 40%;}
    .xlarge-offset-5_3 {margin-left: 60%;}
    .xlarge-offset-5_4 {margin-left: 80%;}
    .xlarge-offset-5_5 {margin-left: 100%;}
    .xlarge-offset-6_1 {margin-left: 16.666%;}
    .xlarge-offset-6_2 {margin-left: 33.333%;}
    .xlarge-offset-6_3 {margin-left: 50%;}
    .xlarge-offset-6_4 {margin-left: 66.666%;}
    .xlarge-offset-6_5 {margin-left: 83.333%;}
    .xlarge-offset-6_6 {margin-left: 100%;}
    .xlarge-offset-8_1 {margin-left: 12.5%;}
    .xlarge-offset-8_2 {margin-left: 25%;}
    .xlarge-offset-8_3 {margin-left: 37.5%;}
    .xlarge-offset-8_4 {margin-left: 50%;}
    .xlarge-offset-8_5 {margin-left: 62.5%;}
    .xlarge-offset-8_6 {margin-left: 75%;}
    .xlarge-offset-8_7 {margin-left: 87.5%;}
    .xlarge-offset-8_8 {margin-left: 100%;}
}

@media print, screen and (min-width: 90em) {
    .xxlarge-5_1 {flex: 0 0 20%; max-width: 20%;}
    .xxlarge-5_2 {flex: 0 0 40%; max-width: 40%;}
    .xxlarge-5_3 {flex: 0 0 60%; max-width: 60%;}
    .xxlarge-5_4 {flex: 0 0 80%; max-width: 80%;}
    .xxlarge-5_5 {flex: 0 0 100%; max-width: 100%;}
    .xxlarge-6_1 {flex: 0 0 16.666%; max-width: 16.666%;}
    .xxlarge-6_2 {flex: 0 0 33.333%; max-width: 33.333%;}
    .xxlarge-6_3 {flex: 0 0 50%; max-width: 50%;}
    .xxlarge-6_4 {flex: 0 0 66.666%; max-width: 66.666%;}
    .xxlarge-6_5 {flex: 0 0 83.333%; max-width: 83.333%;}
    .xxlarge-6_6 {flex: 0 0 100%; max-width: 100%;}
    .xxlarge-8_1 {flex: 0 0 12.5%; max-width: 12.5%;}
    .xxlarge-8_2 {flex: 0 0 25%; max-width: 25%;}
    .xxlarge-8_3 {flex: 0 0 37.5%; max-width: 37.5%;}
    .xxlarge-8_4 {flex: 0 0 50%; max-width: 50%;}
    .xxlarge-8_5 {flex: 0 0 62.5%; max-width: 62.5%;}
    .xxlarge-8_6 {flex: 0 0 75%; max-width: 75%;}
    .xxlarge-8_7 {flex: 0 0 87.5%; max-width: 87.5%;}
    .xxlarge-8_8 {flex: 0 0 100%; max-width: 100%;}
    .xxlarge-offset-5_1 {margin-left: 20%;}
    .xxlarge-offset-5_2 {margin-left: 40%;}
    .xxlarge-offset-5_3 {margin-left: 60%;}
    .xxlarge-offset-5_4 {margin-left: 80%;}
    .xxlarge-offset-5_5 {margin-left: 100%;}
    .xxlarge-offset-6_1 {margin-left: 16.666%;}
    .xxlarge-offset-6_2 {margin-left: 33.333%;}
    .xxlarge-offset-6_3 {margin-left: 50%;}
    .xxlarge-offset-6_4 {margin-left: 66.666%;}
    .xxlarge-offset-6_5 {margin-left: 83.333%;}
    .xxlarge-offset-6_6 {margin-left: 100%;}
    .xxlarge-offset-8_1 {margin-left: 12.5%;}
    .xxlarge-offset-8_2 {margin-left: 25%;}
    .xxlarge-offset-8_3 {margin-left: 37.5%;}
    .xxlarge-offset-8_4 {margin-left: 50%;}
    .xxlarge-offset-8_5 {margin-left: 62.5%;}
    .xxlarge-offset-8_6 {margin-left: 75%;}
    .xxlarge-offset-8_7 {margin-left: 87.5%;}
    .xxlarge-offset-8_8 {margin-left: 100%;}
}