.grid {
    display: -ms-grid;
    display: grid;
}
.g-2col {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
}
.g-2row {
    -ms-grid-rows: (1fr)[2];
    grid-template-rows: repeat(2, 1fr);
}
.g-3col {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
}
.g-4col {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
}
.g-7col {
    -ms-grid-columns: (1fr)[7];
    grid-template-columns: repeat(7, 1fr);
}
.g-8col {
    -ms-grid-columns: (1fr)[8];
    grid-template-columns: repeat(8, 1fr);
}
.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.fcol, .f-col, .flex-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.frow, .f-row, .flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.fwrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.acenter {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.fjstart {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
}
.f-center, .allcenter {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.fv-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.fh-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.fh-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
}
.fh-end{
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
}
.jcenter {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.jaround {
    -ms-flex-pack: distribute;
        justify-content: space-around;
}
.jevenly {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
}
.jbetween {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.jend {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
}
.order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
.order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}
.order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}
.order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
}