/**
    12 column grid system.
*/
.grid-row-12 {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
}
.grid-row-11 {
    display: grid;
    grid-template-columns: repeat(11, 1fr);
}
.grid-row-10 {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
}
.grid-row-7 {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}

.gd-gap-column-25 {
    column-gap: 25px;
}
.gd-gap-row-25 {
    grid-row-gap: 25px;
}

.gd-col-span-1 { grid-column-end: span 1; }
.gd-col-span-2 { grid-column-end: span 2; }
.gd-col-span-3 { grid-column-end: span 3; }
.gd-col-span-4 { grid-column-end: span 4; }
.gd-col-span-5 { grid-column-end: span 5; }
.gd-col-span-6 { grid-column-end: span 6; }
.gd-col-span-7 { grid-column-end: span 7; }
.gd-col-span-8 { grid-column-end: span 8; }
.gd-col-span-9 { grid-column-end: span 9; }
.gd-col-span-10 { grid-column-end: span 10; }
.gd-col-span-11 { grid-column-end: span 11; }
.gd-col-span-12 { grid-column-end: span 12; }

.gd-col-order-1 { order: 1 }
.gd-col-order-2 { order: 2 }
.gd-col-order-3 { order: 3 }
.gd-col-order-4 { order: 4 }
.gd-col-order-5 { order: 5 }
.gd-col-order-6 { order: 6 }
.gd-col-order-7 { order: 7 }
.gd-col-order-8 { order: 8 }
.gd-col-order-9 { order: 9 }
.gd-col-order-10 { order: 10 }
.gd-col-order-11 { order: 11 }
.gd-col-order-12 { order: 12 }

.gd-col-pos-1 { grid-column-start: 1; }
.gd-col-pos-2 { grid-column-start: 2; }
.gd-col-pos-3 { grid-column-start: 3; }
.gd-col-pos-4 { grid-column-start: 4; }
.gd-col-pos-5 { grid-column-start: 5; }
.gd-col-pos-6 { grid-column-start: 6; }
.gd-col-pos-7 { grid-column-start: 7; }
.gd-col-pos-8 { grid-column-start: 8; }
.gd-col-pos-9 { grid-column-start: 9; }
.gd-col-pos-10 { grid-column-start: 10; }
.gd-col-pos-11 { grid-column-start: 11; }
.gd-col-pos-12 { grid-column-start: 12; }