/* Old grid */

.column {
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.column img { width: auto; }
.column h2, .clearfix h2, .column h2 span, .clearfix h2 span { font-size: 26px; font-weight: bold; }
.column p { margin-bottom: 2px; }
.column p a:hover { text-decoration: underline; }
.column p b a { font-weight: bold; }
.column.full { width: 100%; }
.column.two-third { width: 66.7%; }
.column.two-fourth { width: 75%; }
.column.two-fifth { width: 80%; }
.column.two-sixth { width: 83.3%; }
.column.half { width: 50%; }
.column.third { width: 33.3%; }
.column.third.spaced-sixteenth { width: 29.16%;}
.column.fourth { width: 25%; }
.column.fifth { width: 20%; }
.column.sixth { width: 16.6%; }
.column.seventh { width: 14.285%; }
.column.eighth { width: 12.5%; }
.column.sixteenth { width: 6.25%; }
.column.flow-opposite { float: right; }
.column.colleft { padding-right: 20px; }
.column.colmiddle { padding-left: 10px; padding-right: 10px; }
.column.colright { padding-left: 20px; }
.column.coltop { padding-top: 20px; }
.column .title-header {
    padding: 3px 15px 15px 15px;
    margin-bottom: 15px;
    text-align: center;
    border-bottom: 1px solid #dcdcdc;
}
.column .title-header strong {
    font-size: 24px;
}

@media screen and (max-width: 700px)  {
    .column.third.spaced-sixteenth { width: 100%; }
    .column.fourth { width: 49%; }
    .column.fourth:nth-child(2n+1) { margin-right: 2%; }
}

@media screen and (max-width: 450px)  {
    .column.fourth { width: 100%; }
    .column.fourth:nth-child(2n+1) { margin-right: 0; }
    .column.half { width: 100%; margin: 0; padding: 0; }
    .column.third { width: 100%; margin: 0; padding: 0; }
    .column.third.column_vignette { width: 33%; }
    .column.fifth { width: 100%; margin: 0; padding: 0; }
    .column.sixth { width: 33%; margin: 0; padding: 0; }
}

/* Grillade */

@media (min-width:0px) {
    [class*=" grid-"],
    [class^=grid-] {
        display: -ms-grid;
        display: grid;
        grid-auto-flow: dense
    }
}

@media (min-width:768px) {
    [class*=" grid-"].has-gutter-xs,
    [class^=grid-].has-gutter-xs {
        grid-gap: .25rem
    }
    [class*=" grid-"].has-gutter-s,
    [class^=grid-].has-gutter-s {
        grid-gap: .5rem
    }
    [class*=" grid-"].has-gutter,
    [class^=grid-].has-gutter {
        grid-gap: 1rem
    }
    [class*=" grid-"].has-gutter-l,
    [class^=grid-].has-gutter-l {
        grid-gap: 2rem
    }
    [class*=" grid-"].has-gutter-xl,
    [class^=grid-].has-gutter-xl {
        grid-gap: 4rem
    }
}

@media (min-width:480px) {
    .autogrid,
    .grid {
        display: -ms-grid;
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: minmax(0, 1fr)
    }
    .autogrid.has-gutter-xs,
    .grid.has-gutter-xs {
        grid-column-gap: .25rem
    }
    .autogrid.has-gutter-s,
    .grid.has-gutter-s {
        grid-column-gap: .5rem
    }
    .autogrid.has-gutter,
    .grid.has-gutter {
        grid-column-gap: 1rem
    }
    .autogrid.has-gutter-l,
    .grid.has-gutter-l {
        grid-column-gap: 2rem
    }
    .autogrid.has-gutter-xl,
    .grid.has-gutter-xl {
        grid-column-gap: 4rem
    }
}

@media (min-width:1024px) {
    [class*=" grid-"].has-medium-gutter,
    [class^=grid-].has-medium-gutter {
        grid-gap: 1rem
    }
    [class*=" grid-"].has-medium-gutter-l,
    [class^=grid-].has-medium-gutter-l {
        grid-gap: 2rem
    }
    [class*=" grid-"].has-medium-gutter-xl,
    [class^=grid-].has-medium-gutter-xl {
        grid-gap: 4rem
    }
}

@media (min-width:1024px) {
    .autogrid.has-medium-gutter,
    .grid.has-medium-gutter {
        grid-column-gap: 1rem
    }
    .autogrid.has-medium-gutter-l,
    .grid.has-medium-gutter-l {
        grid-column-gap: 2rem
    }
    .autogrid.has-medium-gutter-xl,
    .grid.has-medium-gutter-xl {
        grid-column-gap: 4rem
    }
}

[class*=grid-2] {
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr))!important;
}

[class*=grid-3] {
    -ms-grid-columns: (minmax(0, 1fr))[3];
    grid-template-columns: repeat(3, minmax(0, 1fr))!important;
}

[class*=grid-4] {
    -ms-grid-columns: (minmax(0, 1fr))[4];
    grid-template-columns: repeat(4, minmax(0, 1fr))!important;
}

[class*=grid-5] {
    -ms-grid-columns: (minmax(0, 1fr))[5];
    grid-template-columns: repeat(5, minmax(0, 1fr))!important;
}

[class*=grid-6] {
    -ms-grid-columns: (minmax(0, 1fr))[6];
    grid-template-columns: repeat(6, minmax(0, 1fr))!important;
}

[class*=grid-7] {
    -ms-grid-columns: (minmax(0, 1fr))[7];
    grid-template-columns: repeat(7, minmax(0, 1fr))!important;
}

[class*=grid-8] {
    -ms-grid-columns: (minmax(0, 1fr))[8];
    grid-template-columns: repeat(8, minmax(0, 1fr))!important;
}

[class*=grid-9] {
    -ms-grid-columns: (minmax(0, 1fr))[9];
    grid-template-columns: repeat(9, minmax(0, 1fr))!important;
}

[class*=grid-10] {
    -ms-grid-columns: (minmax(0, 1fr))[10];
    grid-template-columns: repeat(10, minmax(0, 1fr))!important;
}

[class*=grid-11] {
    -ms-grid-columns: (minmax(0, 1fr))[11];
    grid-template-columns: repeat(11, minmax(0, 1fr))!important;
}

[class*=grid-12] {
    -ms-grid-columns: (minmax(0, 1fr))[12];
    grid-template-columns: repeat(12, minmax(0, 1fr))!important;
}

[class*=col-1] {
    grid-column: auto/span 1
}

[class*=row-1] {
    grid-row: auto/span 1
}

[class*=col-2] {
    grid-column: auto/span 2
}

[class*=row-2] {
    grid-row: auto/span 2
}

[class*=col-3] {
    grid-column: auto/span 3
}

[class*=row-3] {
    grid-row: auto/span 3
}

[class*=col-4] {
    grid-column: auto/span 4
}

[class*=row-4] {
    grid-row: auto/span 4
}

[class*=col-5] {
    grid-column: auto/span 5
}

[class*=row-5] {
    grid-row: auto/span 5
}

[class*=col-6] {
    grid-column: auto/span 6
}

[class*=row-6] {
    grid-row: auto/span 6
}

[class*=col-7] {
    grid-column: auto/span 7
}

[class*=row-7] {
    grid-row: auto/span 7
}

[class*=col-8] {
    grid-column: auto/span 8
}

[class*=row-8] {
    grid-row: auto/span 8
}

[class*=col-9] {
    grid-column: auto/span 9
}

[class*=row-9] {
    grid-row: auto/span 9
}

[class*=col-10] {
    grid-column: auto/span 10
}

[class*=row-10] {
    grid-row: auto/span 10
}

[class*=col-11] {
    grid-column: auto/span 11
}

[class*=row-11] {
    grid-row: auto/span 11
}

[class*=col-12] {
    grid-column: auto/span 12
}

[class*=row-12] {
    grid-row: auto/span 12
}

@media (min-width:0px) and (max-width:1023px) {
    [class*=grid-][class*=-medium-1] {
        -ms-grid-columns: (minmax(0, 1fr))[1];
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }
    [class*=col-][class*=-medium-1] {
        grid-column: auto/span 1
    }
    [class*=grid-][class*=-medium-2] {
        -ms-grid-columns: (minmax(0, 1fr))[2];
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    [class*=col-][class*=-medium-2] {
        grid-column: auto/span 2
    }
    [class*=grid-][class*=-medium-3] {
        -ms-grid-columns: (minmax(0, 1fr))[3];
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    [class*=col-][class*=-medium-3] {
        grid-column: auto/span 3
    }
    [class*=grid-][class*=-medium-4] {
        -ms-grid-columns: (minmax(0, 1fr))[4];
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
    [class*=col-][class*=-medium-4] {
        grid-column: auto/span 4
    }
    [class*=grid-][class*=-medium-5] {
        -ms-grid-columns: (minmax(0, 1fr))[5];
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }
    [class*=col-][class*=-medium-5] {
        grid-column: auto/span 5
    }
    [class*=grid-][class*=-medium-6] {
        -ms-grid-columns: (minmax(0, 1fr))[6];
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }
    [class*=col-][class*=-medium-6] {
        grid-column: auto/span 6
    }
    [class*=grid-][class*=-medium-7] {
        -ms-grid-columns: (minmax(0, 1fr))[7];
        grid-template-columns: repeat(7, minmax(0, 1fr))
    }
    [class*=col-][class*=-medium-7] {
        grid-column: auto/span 7
    }
    [class*=grid-][class*=-medium-8] {
        -ms-grid-columns: (minmax(0, 1fr))[8];
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }
    [class*=col-][class*=-medium-8] {
        grid-column: auto/span 8
    }
    [class*=grid-][class*=-medium-9] {
        -ms-grid-columns: (minmax(0, 1fr))[9];
        grid-template-columns: repeat(9, minmax(0, 1fr))
    }
    [class*=col-][class*=-medium-9] {
        grid-column: auto/span 9
    }
    [class*=grid-][class*=-medium-10] {
        -ms-grid-columns: (minmax(0, 1fr))[10];
        grid-template-columns: repeat(10, minmax(0, 1fr))
    }
    [class*=col-][class*=-medium-10] {
        grid-column: auto/span 10
    }
    [class*=grid-][class*=-medium-11] {
        -ms-grid-columns: (minmax(0, 1fr))[11];
        grid-template-columns: repeat(11, minmax(0, 1fr))
    }
    [class*=col-][class*=-medium-11] {
        grid-column: auto/span 11
    }
    [class*=grid-][class*=-medium-12] {
        -ms-grid-columns: (minmax(0, 1fr))[12];
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
    [class*=col-][class*=-medium-12] {
        grid-column: auto/span 12
    }
    [class*=-medium-all] {
        grid-column: 1/-1
    }
}

@media (min-width:0px) and (max-width:767px) {
    [class*=grid-][class*=-small-1] {
        -ms-grid-columns: (minmax(0, 1fr))[1];
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }
    [class*=col-][class*=-small-1] {
        grid-column: auto/span 1
    }
    [class*=grid-][class*=-small-2] {
        -ms-grid-columns: (minmax(0, 1fr))[2];
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    [class*=col-][class*=-small-2] {
        grid-column: auto/span 2
    }
    [class*=grid-][class*=-small-3] {
        -ms-grid-columns: (minmax(0, 1fr))[3];
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    [class*=col-][class*=-small-3] {
        grid-column: auto/span 3
    }
    [class*=grid-][class*=-small-4] {
        -ms-grid-columns: (minmax(0, 1fr))[4];
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
    [class*=col-][class*=-small-4] {
        grid-column: auto/span 4
    }
    [class*=grid-][class*=-small-5] {
        -ms-grid-columns: (minmax(0, 1fr))[5];
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }
    [class*=col-][class*=-small-5] {
        grid-column: auto/span 5
    }
    [class*=grid-][class*=-small-6] {
        -ms-grid-columns: (minmax(0, 1fr))[6];
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }
    [class*=col-][class*=-small-6] {
        grid-column: auto/span 6
    }
    [class*=grid-][class*=-small-7] {
        -ms-grid-columns: (minmax(0, 1fr))[7];
        grid-template-columns: repeat(7, minmax(0, 1fr))
    }
    [class*=col-][class*=-small-7] {
        grid-column: auto/span 7
    }
    [class*=grid-][class*=-small-8] {
        -ms-grid-columns: (minmax(0, 1fr))[8];
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }
    [class*=col-][class*=-small-8] {
        grid-column: auto/span 8
    }
    [class*=grid-][class*=-small-9] {
        -ms-grid-columns: (minmax(0, 1fr))[9];
        grid-template-columns: repeat(9, minmax(0, 1fr))
    }
    [class*=col-][class*=-small-9] {
        grid-column: auto/span 9
    }
    [class*=grid-][class*=-small-10] {
        -ms-grid-columns: (minmax(0, 1fr))[10];
        grid-template-columns: repeat(10, minmax(0, 1fr))
    }
    [class*=col-][class*=-small-10] {
        grid-column: auto/span 10
    }
    [class*=grid-][class*=-small-11] {
        -ms-grid-columns: (minmax(0, 1fr))[11];
        grid-template-columns: repeat(11, minmax(0, 1fr))
    }
    [class*=col-][class*=-small-11] {
        grid-column: auto/span 11
    }
    [class*=grid-][class*=-small-12] {
        -ms-grid-columns: (minmax(0, 1fr))[12];
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
    [class*=col-][class*=-small-12] {
        grid-column: auto/span 12
    }
    [class*=-small-all] {
        grid-column: 1/-1
    }
}

.item-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.item-last {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.grid-offset {
    visibility: hidden
}

.col-all {
    grid-column: 1/-1
}

.row-all {
    grid-row: 1/-1
}