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

/* ================= SMALL ================= */
.shrink { flex: 0 0 auto; }
.small-0 { flex:0 0 0%; max-width:0%; }
.small-0_5 { flex:0 0 4.16667%; max-width:4.16667%; }
.small-1 { flex:0 0 8.33333%; max-width:8.33333%; }
.small-1_5 { flex:0 0 12.5%; max-width:12.5%; }
.small-2 { flex:0 0 16.66667%; max-width:16.66667%; }
.small-2_5 { flex:0 0 20.83333%; max-width:20.83333%; }
.small-3 { flex:0 0 25%; max-width:25%; }
.small-3_5 { flex:0 0 29.16667%; max-width:29.16667%; }
.small-4 { flex:0 0 33.33333%; max-width:33.33333%; }
.small-4_5 { flex:0 0 37.5%; max-width:37.5%; }
.small-5 { flex:0 0 41.66667%; max-width:41.66667%; }
.small-5_5 { flex:0 0 45.83333%; max-width:45.83333%; }
.small-6 { flex:0 0 50%; max-width:50%; }
.small-6_5 { flex:0 0 54.16667%; max-width:54.16667%; }
.small-7 { flex:0 0 58.33333%; max-width:58.33333%; }
.small-7_5 { flex:0 0 62.5%; max-width:62.5%; }
.small-8 { flex:0 0 66.66667%; max-width:66.66667%; }
.small-8_5 { flex:0 0 70.83333%; max-width:70.83333%; }
.small-9 { flex:0 0 75%; max-width:75%; }
.small-9_5 { flex:0 0 79.16667%; max-width:79.16667%; }
.small-10 { flex:0 0 83.33333%; max-width:83.33333%; }
.small-10_5 { flex:0 0 87.5%; max-width:87.5%; }
.small-11 { flex:0 0 91.66667%; max-width:91.66667%; }
.small-11_5 { flex:0 0 95.83333%; max-width:95.83333%; }
.small-12 { flex:0 0 100%; max-width:100%; }

.small-offset-0 { margin-left:0%; }
.small-offset-0_5 { margin-left:4.16667%; }
.small-offset-1 { margin-left:8.33333%; }
.small-offset-1_5 { margin-left:12.5%; }
.small-offset-2 { margin-left:16.66667%; }
.small-offset-2_5 { margin-left:20.83333%; }
.small-offset-3 { margin-left:25%; }
.small-offset-3_5 { margin-left:29.16667%; }
.small-offset-4 { margin-left:33.33333%; }
.small-offset-4_5 { margin-left:37.5%; }
.small-offset-5 { margin-left:41.66667%; }
.small-offset-5_5 { margin-left:45.83333%; }
.small-offset-6 { margin-left:50%; }
.small-offset-6_5 { margin-left:54.16667%; }
.small-offset-7 { margin-left:58.33333%; }
.small-offset-7_5 { margin-left:62.5%; }
.small-offset-8 { margin-left:66.66667%; }
.small-offset-8_5 { margin-left:70.83333%; }
.small-offset-9 { margin-left:75%; }
.small-offset-9_5 { margin-left:79.16667%; }
.small-offset-10 { margin-left:83.33333%; }
.small-offset-10_5 { margin-left:87.5%; }
.small-offset-11 { margin-left:91.66667%; }
.small-offset-11_5 { margin-left:95.83333%; }

.small-offset-right-0 { margin-right:0%; }
.small-offset-right-0_5 { margin-right:4.16667%; }
.small-offset-right-1 { margin-right:8.33333%; }
.small-offset-right-1_5 { margin-right:12.5%; }
.small-offset-right-2 { margin-right:16.66667%; }
.small-offset-right-2_5 { margin-right:20.83333%; }
.small-offset-right-3 { margin-right:25%; }
.small-offset-right-3_5 { margin-right:29.16667%; }
.small-offset-right-4 { margin-right:33.33333%; }
.small-offset-right-4_5 { margin-right:37.5%; }
.small-offset-right-5 { margin-right:41.66667%; }
.small-offset-right-5_5 { margin-right:45.83333%; }
.small-offset-right-6 { margin-right:50%; }
.small-offset-right-6_5 { margin-right:54.16667%; }
.small-offset-right-7 { margin-right:58.33333%; }
.small-offset-right-7_5 { margin-right:62.5%; }
.small-offset-right-8 { margin-right:66.66667%; }
.small-offset-right-8_5 { margin-right:70.83333%; }
.small-offset-right-9 { margin-right:75%; }
.small-offset-right-9_5 { margin-right:79.16667%; }
.small-offset-right-10 { margin-right:83.33333%; }
.small-offset-right-10_5 { margin-right:87.5%; }
.small-offset-right-11 { margin-right:91.66667%; }
.small-offset-right-11_5 { margin-right:95.83333%; }

/* ================= MEDIUM ================= */
@media screen and (min-width:40em) {
    .medium-shrink { flex: 0 0 auto; }
    .medium-0 { flex:0 0 0%; max-width:0%; }
    .medium-0_5 { flex:0 0 4.16667%; max-width:4.16667%; }
    .medium-1 { flex:0 0 8.33333%; max-width:8.33333%; }
    .medium-1_5 { flex:0 0 12.5%; max-width:12.5%; }
    .medium-2 { flex:0 0 16.66667%; max-width:16.66667%; }
    .medium-2_5 { flex:0 0 20.83333%; max-width:20.83333%; }
    .medium-3 { flex:0 0 25%; max-width:25%; }
    .medium-3_5 { flex:0 0 29.16667%; max-width:29.16667%; }
    .medium-4 { flex:0 0 33.33333%; max-width:33.33333%; }
    .medium-4_5 { flex:0 0 37.5%; max-width:37.5%; }
    .medium-5 { flex:0 0 41.66667%; max-width:41.66667%; }
    .medium-5_5 { flex:0 0 45.83333%; max-width:45.83333%; }
    .medium-6 { flex:0 0 50%; max-width:50%; }
    .medium-6_5 { flex:0 0 54.16667%; max-width:54.16667%; }
    .medium-7 { flex:0 0 58.33333%; max-width:58.33333%; }
    .medium-7_5 { flex:0 0 62.5%; max-width:62.5%; }
    .medium-8 { flex:0 0 66.66667%; max-width:66.66667%; }
    .medium-8_5 { flex:0 0 70.83333%; max-width:70.83333%; }
    .medium-9 { flex:0 0 75%; max-width:75%; }
    .medium-9_5 { flex:0 0 79.16667%; max-width:79.16667%; }
    .medium-10 { flex:0 0 83.33333%; max-width:83.33333%; }
    .medium-10_5 { flex:0 0 87.5%; max-width:87.5%; }
    .medium-11 { flex:0 0 91.66667%; max-width:91.66667%; }
    .medium-11_5 { flex:0 0 95.83333%; max-width:95.83333%; }
    .medium-12 { flex:0 0 100%; max-width:100%; }

    .medium-offset-0 { margin-left:0%; }
    .medium-offset-0_5 { margin-left:4.16667%; }
    .medium-offset-1 { margin-left:8.33333%; }
    .medium-offset-1_5 { margin-left:12.5%; }
    .medium-offset-2 { margin-left:16.66667%; }
    .medium-offset-2_5 { margin-left:20.83333%; }
    .medium-offset-3 { margin-left:25%; }
    .medium-offset-3_5 { margin-left:29.16667%; }
    .medium-offset-4 { margin-left:33.33333%; }
    .medium-offset-4_5 { margin-left:37.5%; }
    .medium-offset-5 { margin-left:41.66667%; }
    .medium-offset-5_5 { margin-left:45.83333%; }
    .medium-offset-6 { margin-left:50%; }
    .medium-offset-6_5 { margin-left:54.16667%; }
    .medium-offset-7 { margin-left:58.33333%; }
    .medium-offset-7_5 { margin-left:62.5%; }
    .medium-offset-8 { margin-left:66.66667%; }
    .medium-offset-8_5 { margin-left:70.83333%; }
    .medium-offset-9 { margin-left:75%; }
    .medium-offset-9_5 { margin-left:79.16667%; }
    .medium-offset-10 { margin-left:83.33333%; }
    .medium-offset-10_5 { margin-left:87.5%; }
    .medium-offset-11 { margin-left:91.66667%; }
    .medium-offset-11_5 { margin-left:95.83333%; }

    .medium-offset-right-0 { margin-right:0%; }
    .medium-offset-right-0_5 { margin-right:4.16667%; }
    .medium-offset-right-1 { margin-right:8.33333%; }
    .medium-offset-right-1_5 { margin-right:12.5%; }
    .medium-offset-right-2 { margin-right:16.66667%; }
    .medium-offset-right-2_5 { margin-right:20.83333%; }
    .medium-offset-right-3 { margin-right:25%; }
    .medium-offset-right-3_5 { margin-right:29.16667%; }
    .medium-offset-right-4 { margin-right:33.33333%; }
    .medium-offset-right-4_5 { margin-right:37.5%; }
    .medium-offset-right-5 { margin-right:41.66667%; }
    .medium-offset-right-5_5 { margin-right:45.83333%; }
    .medium-offset-right-6 { margin-right:50%; }
    .medium-offset-right-6_5 { margin-right:54.16667%; }
    .medium-offset-right-7 { margin-right:58.33333%; }
    .medium-offset-right-7_5 { margin-right:62.5%; }
    .medium-offset-right-8 { margin-right:66.66667%; }
    .medium-offset-right-8_5 { margin-right:70.83333%; }
    .medium-offset-right-9 { margin-right:75%; }
    .medium-offset-right-9_5 { margin-right:79.16667%; }
    .medium-offset-right-10 { margin-right:83.33333%; }
    .medium-offset-right-10_5 { margin-right:87.5%; }
    .medium-offset-right-11 { margin-right:91.66667%; }
    .medium-offset-right-11_5 { margin-right:95.83333%; }
}

@media screen and (min-width:64em) {
    .large-shrink { flex: 0 0 auto; }
    .large-0 { flex:0 0 0%; max-width:0%; }
    .large-0_5 { flex:0 0 4.16667%; max-width:4.16667%; }
    .large-1 { flex:0 0 8.33333%; max-width:8.33333%; }
    .large-1_5 { flex:0 0 12.5%; max-width:12.5%; }
    .large-2 { flex:0 0 16.66667%; max-width:16.66667%; }
    .large-2_5 { flex:0 0 20.83333%; max-width:20.83333%; }
    .large-3 { flex:0 0 25%; max-width:25%; }
    .large-3_5 { flex:0 0 29.16667%; max-width:29.16667%; }
    .large-4 { flex:0 0 33.33333%; max-width:33.33333%; }
    .large-4_5 { flex:0 0 37.5%; max-width:37.5%; }
    .large-5 { flex:0 0 41.66667%; max-width:41.66667%; }
    .large-5_5 { flex:0 0 45.83333%; max-width:45.83333%; }
    .large-6 { flex:0 0 50%; max-width:50%; }
    .large-6_5 { flex:0 0 54.16667%; max-width:54.16667%; }
    .large-7 { flex:0 0 58.33333%; max-width:58.33333%; }
    .large-7_5 { flex:0 0 62.5%; max-width:62.5%; }
    .large-8 { flex:0 0 66.66667%; max-width:66.66667%; }
    .large-8_5 { flex:0 0 70.83333%; max-width:70.83333%; }
    .large-9 { flex:0 0 75%; max-width:75%; }
    .large-9_5 { flex:0 0 79.16667%; max-width:79.16667%; }
    .large-10 { flex:0 0 83.33333%; max-width:83.33333%; }
    .large-10_5 { flex:0 0 87.5%; max-width:87.5%; }
    .large-11 { flex:0 0 91.66667%; max-width:91.66667%; }
    .large-11_5 { flex:0 0 95.83333%; max-width:95.83333%; }
    .large-12 { flex:0 0 100%; max-width:100%; }
    .large-offset-0 { margin-left:0%; }
    .large-offset-0_5 { margin-left:4.16667%; }
    .large-offset-1 { margin-left:8.33333%; }
    .large-offset-1_5 { margin-left:12.5%; }
    .large-offset-2 { margin-left:16.66667%; }
    .large-offset-2_5 { margin-left:20.83333%; }
    .large-offset-3 { margin-left:25%; }
    .large-offset-3_5 { margin-left:29.16667%; }
    .large-offset-4 { margin-left:33.33333%; }
    .large-offset-4_5 { margin-left:37.5%; }
    .large-offset-5 { margin-left:41.66667%; }
    .large-offset-5_5 { margin-left:45.83333%; }
    .large-offset-6 { margin-left:50%; }
    .large-offset-6_5 { margin-left:54.16667%; }
    .large-offset-7 { margin-left:58.33333%; }
    .large-offset-7_5 { margin-left:62.5%; }
    .large-offset-8 { margin-left:66.66667%; }
    .large-offset-8_5 { margin-left:70.83333%; }
    .large-offset-9 { margin-left:75%; }
    .large-offset-9_5 { margin-left:79.16667%; }
    .large-offset-10 { margin-left:83.33333%; }
    .large-offset-10_5 { margin-left:87.5%; }
    .large-offset-11 { margin-left:91.66667%; }
    .large-offset-11_5 { margin-left:95.83333%; }

    .large-offset-right-0 { margin-right:0%; }
    .large-offset-right-0_5 { margin-right:4.16667%; }
    .large-offset-right-1 { margin-right:8.33333%; }
    .large-offset-right-1_5 { margin-right:12.5%; }
    .large-offset-right-2 { margin-right:16.66667%; }
    .large-offset-right-2_5 { margin-right:20.83333%; }
    .large-offset-right-3 { margin-right:25%; }
    .large-offset-right-3_5 { margin-right:29.16667%; }
    .large-offset-right-4 { margin-right:33.33333%; }
    .large-offset-right-4_5 { margin-right:37.5%; }
    .large-offset-right-5 { margin-right:41.66667%; }
    .large-offset-right-5_5 { margin-right:45.83333%; }
    .large-offset-right-6 { margin-right:50%; }
    .large-offset-right-6_5 { margin-right:54.16667%; }
    .large-offset-right-7 { margin-right:58.33333%; }
    .large-offset-right-7_5 { margin-right:62.5%; }
    .large-offset-right-8 { margin-right:66.66667%; }
    .large-offset-right-8_5 { margin-right:70.83333%; }
    .large-offset-right-9 { margin-right:75%; }
    .large-offset-right-9_5 { margin-right:79.16667%; }
    .large-offset-right-10 { margin-right:83.33333%; }
    .large-offset-right-10_5 { margin-right:87.5%; }
    .large-offset-right-11 { margin-right:91.66667%; }
    .large-offset-right-11_5 { margin-right:95.83333%; }
}
@media screen and (min-width:75em) {
    .xlarge-shrink { flex: 0 0 auto; }
    .xlarge-0 { flex:0 0 0%; max-width:0%; }
    .xlarge-0_5 { flex:0 0 4.16667%; max-width:4.16667%; }
    .xlarge-1 { flex:0 0 8.33333%; max-width:8.33333%; }
    .xlarge-1_5 { flex:0 0 12.5%; max-width:12.5%; }
    .xlarge-2 { flex:0 0 16.66667%; max-width:16.66667%; }
    .xlarge-2_5 { flex:0 0 20.83333%; max-width:20.83333%; }
    .xlarge-3 { flex:0 0 25%; max-width:25%; }
    .xlarge-3_5 { flex:0 0 29.16667%; max-width:29.16667%; }
    .xlarge-4 { flex:0 0 33.33333%; max-width:33.33333%; }
    .xlarge-4_5 { flex:0 0 37.5%; max-width:37.5%; }
    .xlarge-5 { flex:0 0 41.66667%; max-width:41.66667%; }
    .xlarge-5_5 { flex:0 0 45.83333%; max-width:45.83333%; }
    .xlarge-6 { flex:0 0 50%; max-width:50%; }
    .xlarge-6_5 { flex:0 0 54.16667%; max-width:54.16667%; }
    .xlarge-7 { flex:0 0 58.33333%; max-width:58.33333%; }
    .xlarge-7_5 { flex:0 0 62.5%; max-width:62.5%; }
    .xlarge-8 { flex:0 0 66.66667%; max-width:66.66667%; }
    .xlarge-8_5 { flex:0 0 70.83333%; max-width:70.83333%; }
    .xlarge-9 { flex:0 0 75%; max-width:75%; }
    .xlarge-9_5 { flex:0 0 79.16667%; max-width:79.16667%; }
    .xlarge-10 { flex:0 0 83.33333%; max-width:83.33333%; }
    .xlarge-10_5 { flex:0 0 87.5%; max-width:87.5%; }
    .xlarge-11 { flex:0 0 91.66667%; max-width:91.66667%; }
    .xlarge-11_5 { flex:0 0 95.83333%; max-width:95.83333%; }
    .xlarge-12 { flex:0 0 100%; max-width:100%; }
    .xlarge-offset-0 { margin-left:0%; }
    .xlarge-offset-0_5 { margin-left:4.16667%; }
    .xlarge-offset-1 { margin-left:8.33333%; }
    .xlarge-offset-1_5 { margin-left:12.5%; }
    .xlarge-offset-2 { margin-left:16.66667%; }
    .xlarge-offset-2_5 { margin-left:20.83333%; }
    .xlarge-offset-3 { margin-left:25%; }
    .xlarge-offset-3_5 { margin-left:29.16667%; }
    .xlarge-offset-4 { margin-left:33.33333%; }
    .xlarge-offset-4_5 { margin-left:37.5%; }
    .xlarge-offset-5 { margin-left:41.66667%; }
    .xlarge-offset-5_5 { margin-left:45.83333%; }
    .xlarge-offset-6 { margin-left:50%; }
    .xlarge-offset-6_5 { margin-left:54.16667%; }
    .xlarge-offset-7 { margin-left:58.33333%; }
    .xlarge-offset-7_5 { margin-left:62.5%; }
    .xlarge-offset-8 { margin-left:66.66667%; }
    .xlarge-offset-8_5 { margin-left:70.83333%; }
    .xlarge-offset-9 { margin-left:75%; }
    .xlarge-offset-9_5 { margin-left:79.16667%; }
    .xlarge-offset-10 { margin-left:83.33333%; }
    .xlarge-offset-10_5 { margin-left:87.5%; }
    .xlarge-offset-11 { margin-left:91.66667%; }
    .xlarge-offset-11_5 { margin-left:95.83333%; }
    .xlarge-offset-right-0 { margin-right:0%; }
    .xlarge-offset-right-0_5 { margin-right:4.16667%; }
    .xlarge-offset-right-1 { margin-right:8.33333%; }
    .xlarge-offset-right-1_5 { margin-right:12.5%; }
    .xlarge-offset-right-2 { margin-right:16.66667%; }
    .xlarge-offset-right-2_5 { margin-right:20.83333%; }
    .xlarge-offset-right-3 { margin-right:25%; }
    .xlarge-offset-right-3_5 { margin-right:29.16667%; }
    .xlarge-offset-right-4 { margin-right:33.33333%; }
    .xlarge-offset-right-4_5 { margin-right:37.5%; }
    .xlarge-offset-right-5 { margin-right:41.66667%; }
    .xlarge-offset-right-5_5 { margin-right:45.83333%; }
    .xlarge-offset-right-6 { margin-right:50%; }
    .xlarge-offset-right-6_5 { margin-right:54.16667%; }
    .xlarge-offset-right-7 { margin-right:58.33333%; }
    .xlarge-offset-right-7_5 { margin-right:62.5%; }
    .xlarge-offset-right-8 { margin-right:66.66667%; }
    .xlarge-offset-right-8_5 { margin-right:70.83333%; }
    .xlarge-offset-right-9 { margin-right:75%; }
    .xlarge-offset-right-9_5 { margin-right:79.16667%; }
    .xlarge-offset-right-10 { margin-right:83.33333%; }
    .xlarge-offset-right-10_5 { margin-right:87.5%; }
    .xlarge-offset-right-11 { margin-right:91.66667%; }
    .xlarge-offset-right-11_5 { margin-right:95.83333%; }
}
@media screen and (min-width:90em) {
    .xxlarge-shrink { flex: 0 0 auto; }
    .xxlarge-0 { flex:0 0 0%; max-width:0%; }
    .xxlarge-0_5 { flex:0 0 4.16667%; max-width:4.16667%; }
    .xxlarge-1 { flex:0 0 8.33333%; max-width:8.33333%; }
    .xxlarge-1_5 { flex:0 0 12.5%; max-width:12.5%; }
    .xxlarge-2 { flex:0 0 16.66667%; max-width:16.66667%; }
    .xxlarge-2_5 { flex:0 0 20.83333%; max-width:20.83333%; }
    .xxlarge-3 { flex:0 0 25%; max-width:25%; }
    .xxlarge-3_5 { flex:0 0 29.16667%; max-width:29.16667%; }
    .xxlarge-4 { flex:0 0 33.33333%; max-width:33.33333%; }
    .xxlarge-4_5 { flex:0 0 37.5%; max-width:37.5%; }
    .xxlarge-5 { flex:0 0 41.66667%; max-width:41.66667%; }
    .xxlarge-5_5 { flex:0 0 45.83333%; max-width:45.83333%; }
    .xxlarge-6 { flex:0 0 50%; max-width:50%; }
    .xxlarge-6_5 { flex:0 0 54.16667%; max-width:54.16667%; }
    .xxlarge-7 { flex:0 0 58.33333%; max-width:58.33333%; }
    .xxlarge-7_5 { flex:0 0 62.5%; max-width:62.5%; }
    .xxlarge-8 { flex:0 0 66.66667%; max-width:66.66667%; }
    .xxlarge-8_5 { flex:0 0 70.83333%; max-width:70.83333%; }
    .xxlarge-9 { flex:0 0 75%; max-width:75%; }
    .xxlarge-9_5 { flex:0 0 79.16667%; max-width:79.16667%; }
    .xxlarge-10 { flex:0 0 83.33333%; max-width:83.33333%; }
    .xxlarge-10_5 { flex:0 0 87.5%; max-width:87.5%; }
    .xxlarge-11 { flex:0 0 91.66667%; max-width:91.66667%; }
    .xxlarge-11_5 { flex:0 0 95.83333%; max-width:95.83333%; }
    .xxlarge-12 { flex:0 0 100%; max-width:100%; }
    .xxlarge-offset-0 { margin-left:0%; }
    .xxlarge-offset-0_5 { margin-left:4.16667%; }
    .xxlarge-offset-1 { margin-left:8.33333%; }
    .xxlarge-offset-1_5 { margin-left:12.5%; }
    .xxlarge-offset-2 { margin-left:16.66667%; }
    .xxlarge-offset-2_5 { margin-left:20.83333%; }
    .xxlarge-offset-3 { margin-left:25%; }
    .xxlarge-offset-3_5 { margin-left:29.16667%; }
    .xxlarge-offset-4 { margin-left:33.33333%; }
    .xxlarge-offset-4_5 { margin-left:37.5%; }
    .xxlarge-offset-5 { margin-left:41.66667%; }
    .xxlarge-offset-5_5 { margin-left:45.83333%; }
    .xxlarge-offset-6 { margin-left:50%; }
    .xxlarge-offset-6_5 { margin-left:54.16667%; }
    .xxlarge-offset-7 { margin-left:58.33333%; }
    .xxlarge-offset-7_5 { margin-left:62.5%; }
    .xxlarge-offset-8 { margin-left:66.66667%; }
    .xxlarge-offset-8_5 { margin-left:70.83333%; }
    .xxlarge-offset-9 { margin-left:75%; }
    .xxlarge-offset-9_5 { margin-left:79.16667%; }
    .xxlarge-offset-10 { margin-left:83.33333%; }
    .xxlarge-offset-10_5 { margin-left:87.5%; }
    .xxlarge-offset-11 { margin-left:91.66667%; }
    .xxlarge-offset-11_5 { margin-left:95.83333%; }
    .xxlarge-offset-right-0 { margin-right:0%; }
    .xxlarge-offset-right-0_5 { margin-right:4.16667%; }
    .xxlarge-offset-right-1 { margin-right:8.33333%; }
    .xxlarge-offset-right-1_5 { margin-right:12.5%; }
    .xxlarge-offset-right-2 { margin-right:16.66667%; }
    .xxlarge-offset-right-2_5 { margin-right:20.83333%; }
    .xxlarge-offset-right-3 { margin-right:25%; }
    .xxlarge-offset-right-3_5 { margin-right:29.16667%; }
    .xxlarge-offset-right-4 { margin-right:33.33333%; }
    .xxlarge-offset-right-4_5 { margin-right:37.5%; }
    .xxlarge-offset-right-5 { margin-right:41.66667%; }
    .xxlarge-offset-right-5_5 { margin-right:45.83333%; }
    .xxlarge-offset-right-6 { margin-right:50%; }
    .xxlarge-offset-right-6_5 { margin-right:54.16667%; }
    .xxlarge-offset-right-7 { margin-right:58.33333%; }
    .xxlarge-offset-right-7_5 { margin-right:62.5%; }
    .xxlarge-offset-right-8 { margin-right:66.66667%; }
    .xxlarge-offset-right-8_5 { margin-right:70.83333%; }
    .xxlarge-offset-right-9 { margin-right:75%; }
    .xxlarge-offset-right-9_5 { margin-right:79.16667%; }
    .xxlarge-offset-right-10 { margin-right:83.33333%; }
    .xxlarge-offset-right-10_5 { margin-right:87.5%; }
    .xxlarge-offset-right-11 { margin-right:91.66667%; }
    .xxlarge-offset-right-11_5 { margin-right:95.83333%; }
}

.grid > .grid_item.small-0 { width:0%; }
.grid > .grid_item.small-0_5 { width:4.16667%; }
.grid > .grid_item.small-1 { width:8.33333%; }
.grid > .grid_item.small-1_5 { width:12.5%; }
.grid > .grid_item.small-2 { width:16.66667%; }
.grid > .grid_item.small-2_5 { width:20.83333%; }
.grid > .grid_item.small-3 { width:25%; }
.grid > .grid_item.small-3_5 { width:29.16667%; }
.grid > .grid_item.small-4 { width:33.33333%; }
.grid > .grid_item.small-4_5 { width:37.5%; }
.grid > .grid_item.small-5 { width:41.66667%; }
.grid > .grid_item.small-5_5 { width:45.83333%; }
.grid > .grid_item.small-6 { width:50%; }
.grid > .grid_item.small-6_5 { width:54.16667%; }
.grid > .grid_item.small-7 { width:58.33333%; }
.grid > .grid_item.small-7_5 { width:62.5%; }
.grid > .grid_item.small-8 { width:66.66667%; }
.grid > .grid_item.small-8_5 { width:70.83333%; }
.grid > .grid_item.small-9 { width:75%; }
.grid > .grid_item.small-9_5 { width:79.16667%; }
.grid > .grid_item.small-10 { width:83.33333%; }
.grid > .grid_item.small-10_5 { width:87.5%; }
.grid > .grid_item.small-11 { width:91.66667%; }
.grid > .grid_item.small-11_5 { width:95.83333%; }
.grid > .grid_item.small-12 { width:100%; }

@media screen and (min-width:40em){
    .grid > .grid_item.medium-0 { width:0%; }
    .grid > .grid_item.medium-0_5 { width:4.16667%; }
    .grid > .grid_item.medium-1 { width:8.33333%; }
    .grid > .grid_item.medium-1_5 { width:12.5%; }
    .grid > .grid_item.medium-2 { width:16.66667%; }
    .grid > .grid_item.medium-2_5 { width:20.83333%; }
    .grid > .grid_item.medium-3 { width:25%; }
    .grid > .grid_item.medium-3_5 { width:29.16667%; }
    .grid > .grid_item.medium-4 { width:33.33333%; }
    .grid > .grid_item.medium-4_5 { width:37.5%; }
    .grid > .grid_item.medium-5 { width:41.66667%; }
    .grid > .grid_item.medium-5_5 { width:45.83333%; }
    .grid > .grid_item.medium-6 { width:50%; }
    .grid > .grid_item.medium-6_5 { width:54.16667%; }
    .grid > .grid_item.medium-7 { width:58.33333%; }
    .grid > .grid_item.medium-7_5 { width:62.5%; }
    .grid > .grid_item.medium-8 { width:66.66667%; }
    .grid > .grid_item.medium-8_5 { width:70.83333%; }
    .grid > .grid_item.medium-9 { width:75%; }
    .grid > .grid_item.medium-9_5 { width:79.16667%; }
    .grid > .grid_item.medium-10 { width:83.33333%; }
    .grid > .grid_item.medium-10_5 { width:87.5%; }
    .grid > .grid_item.medium-11 { width:91.66667%; }
    .grid > .grid_item.medium-11_5 { width:95.83333%; }
    .grid > .grid_item.medium-12 { width:100%; }
}
@media screen and (min-width:64em){
    .grid > .grid_item.large-0 { width:0%; }
    .grid > .grid_item.large-0_5 { width:4.16667%; }
    .grid > .grid_item.large-1 { width:8.33333%; }
    .grid > .grid_item.large-1_5 { width:12.5%; }
    .grid > .grid_item.large-2 { width:16.66667%; }
    .grid > .grid_item.large-2_5 { width:20.83333%; }
    .grid > .grid_item.large-3 { width:25%; }
    .grid > .grid_item.large-3_5 { width:29.16667%; }
    .grid > .grid_item.large-4 { width:33.33333%; }
    .grid > .grid_item.large-4_5 { width:37.5%; }
    .grid > .grid_item.large-5 { width:41.66667%; }
    .grid > .grid_item.large-5_5 { width:45.83333%; }
    .grid > .grid_item.large-6 { width:50%; }
    .grid > .grid_item.large-6_5 { width:54.16667%; }
    .grid > .grid_item.large-7 { width:58.33333%; }
    .grid > .grid_item.large-7_5 { width:62.5%; }
    .grid > .grid_item.large-8 { width:66.66667%; }
    .grid > .grid_item.large-8_5 { width:70.83333%; }
    .grid > .grid_item.large-9 { width:75%; }
    .grid > .grid_item.large-9_5 { width:79.16667%; }
    .grid > .grid_item.large-10 { width:83.33333%; }
    .grid > .grid_item.large-10_5 { width:87.5%; }
    .grid > .grid_item.large-11 { width:91.66667%; }
    .grid > .grid_item.large-11_5 { width:95.83333%; }
    .grid > .grid_item.large-12 { width:100%; }
}
@media screen and (min-width:75em){
    .grid > .grid_item.xlarge-0 { width:0%; }
    .grid > .grid_item.xlarge-0_5 { width:4.16667%; }
    .grid > .grid_item.xlarge-1 { width:8.33333%; }
    .grid > .grid_item.xlarge-1_5 { width:12.5%; }
    .grid > .grid_item.xlarge-2 { width:16.66667%; }
    .grid > .grid_item.xlarge-2_5 { width:20.83333%; }
    .grid > .grid_item.xlarge-3 { width:25%; }
    .grid > .grid_item.xlarge-3_5 { width:29.16667%; }
    .grid > .grid_item.xlarge-4 { width:33.33333%; }
    .grid > .grid_item.xlarge-4_5 { width:37.5%; }
    .grid > .grid_item.xlarge-5 { width:41.66667%; }
    .grid > .grid_item.xlarge-5_5 { width:45.83333%; }
    .grid > .grid_item.xlarge-6 { width:50%; }
    .grid > .grid_item.xlarge-6_5 { width:54.16667%; }
    .grid > .grid_item.xlarge-7 { width:58.33333%; }
    .grid > .grid_item.xlarge-7_5 { width:62.5%; }
    .grid > .grid_item.xlarge-8 { width:66.66667%; }
    .grid > .grid_item.xlarge-8_5 { width:70.83333%; }
    .grid > .grid_item.xlarge-9 { width:75%; }
    .grid > .grid_item.xlarge-9_5 { width:79.16667%; }
    .grid > .grid_item.xlarge-10 { width:83.33333%; }
    .grid > .grid_item.xlarge-10_5 { width:87.5%; }
    .grid > .grid_item.xlarge-11 { width:91.66667%; }
    .grid > .grid_item.xlarge-11_5 { width:95.83333%; }
    .grid > .grid_item.xlarge-12 { width:100%; }
}
@media screen and (min-width:90em){
    .grid > .grid_item.xxlarge-0 { width:0%; }
    .grid > .grid_item.xxlarge-0_5 { width:4.16667%; }
    .grid > .grid_item.xxlarge-1 { width:8.33333%; }
    .grid > .grid_item.xxlarge-1_5 { width:12.5%; }
    .grid > .grid_item.xxlarge-2 { width:16.66667%; }
    .grid > .grid_item.xxlarge-2_5 { width:20.83333%; }
    .grid > .grid_item.xxlarge-3 { width:25%; }
    .grid > .grid_item.xxlarge-3_5 { width:29.16667%; }
    .grid > .grid_item.xxlarge-4 { width:33.33333%; }
    .grid > .grid_item.xxlarge-4_5 { width:37.5%; }
    .grid > .grid_item.xxlarge-5 { width:41.66667%; }
    .grid > .grid_item.xxlarge-5_5 { width:45.83333%; }
    .grid > .grid_item.xxlarge-6 { width:50%; }
    .grid > .grid_item.xxlarge-6_5 { width:54.16667%; }
    .grid > .grid_item.xxlarge-7 { width:58.33333%; }
    .grid > .grid_item.xxlarge-7_5 { width:62.5%; }
    .grid > .grid_item.xxlarge-8 { width:66.66667%; }
    .grid > .grid_item.xxlarge-8_5 { width:70.83333%; }
    .grid > .grid_item.xxlarge-9 { width:75%; }
    .grid > .grid_item.xxlarge-9_5 { width:79.16667%; }
    .grid > .grid_item.xxlarge-10 { width:83.33333%; }
    .grid > .grid_item.xxlarge-10_5 { width:87.5%; }
    .grid > .grid_item.xxlarge-11 { width:91.66667%; }
    .grid > .grid_item.xxlarge-11_5 { width:95.83333%; }
    .grid > .grid_item.xxlarge-12 { width:100%; }
}


.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; max-width: 100%;}
    .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; max-width: 100%;}
    .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; max-width: 100%;}
    .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%;}
}