.grid-container{
    -ms-display: grid;
    display: grid;
    -ms-grid-template-columns: repeat(12, 1fr);
    grid-template-columns: repeat(12, 1fr);
    /*HERE YOU CAN SET YOUR CUSTOM COLUMN GAP*/
    -ms-grid-column-gap:1vmax;
    grid-column-gap:1vmax;
    /*HERE YOU CAN SET YOUR CUSTOM ROW GAP*/
    -ms-grid-row-gap: 1vmax;
    grid-row-gap: 1vmax;

    /*grid-auto-flow DETERMINES HOW THE GRID WILL FILL UP. IF YOU ENABLE THE grid-auto-flow PROPERTY, grid-column-gap WILL HAVE NO EFFECT ON THE AUTO-GENERATED ROWS, SO YOU WILL NEED TO SET A MARGIN TOP &/OR BOTTOM TO THE ELEMENTS INSIDE THE GRID CONTAINER IF YOU WANT A ROW GAP.

    dense tells the auto-placement algorithm to attempt to fill in holes earlier in the grid if smaller items come up later,

    row TELLS THE AUTO-PLACEMENT ALGORITHM TO FILL IN EACH ROW IN TURN, ADDING NEW ROWS AS NECESSARY
    
    column TELLS THE AUTO-PLACEMENT ALGORITHM TO FILL IN EACH COLUMN IN TURN, ADDING NEW COLUMNS AS NECESSARY */
    -ms-grid-auto-flow: dense;
    grid-auto-flow: dense;
}


/*IN ORDER FOR THIS TO WORK, ALL ELEMENTS MUST HAVE A DEFINED WIDTH AND HEIGHT*/
.col-xs-justify-items-start{
    -ms-justify-items:start;
    justify-items:start;
}
.col-xs-justify-items-end{
    -ms-justify-items:end;
    justify-items:end;
}
.col-xs-justify-items-center{
    -ms-justify-items:center;
    justify-items:center;
}
.col-xs-justify-items-stretch{
    -ms-justify-items:stretch;
    justify-items:stretch;
}



/*IN ORDER FOR THIS TO WORK, ALL ELEMENTS MUST HAVE A DEFINED WIDTH AND HEIGHT*/
.col-xs-align-items-start{
    -ms-align-items:start;
    align-items:start;
}
.col-xs-align-items-end{
    -ms-align-items:end;
    align-items:end;
}
.col-xs-align-items-center{
    -ms-align-items:center;
    align-items:center;
}
.col-xs-align-items-stretch{
    -ms-align-items:stretch;
    align-items:stretch;
}


/*IN ORDER FOR THIS TO WORK, ALL ELEMENTS MUST HAVE A DEFINED WIDTH AND HEIGHT*/
.col-xs-justify-content-start{
    -ms-justify-content:start;
    justify-content:start;
}
.col-xs-justify-content-end{
    -ms-justify-content:end;
    justify-content:end;
}
.col-xs-justify-content-center{
    -ms-justify-content:center;
    justify-content:center;
}
.col-xs-justify-content-stretch{
    -ms-justify-content:stretch;
    justify-content:stretch;
}
.col-xs-justify-content-space-around{
    -ms-justify-content:space-around;
    justify-content:space-around;
}
.col-xs-justify-content-space-between{
   -ms-justify-content:space-between; 
    justify-content:space-between;
}
.col-xs-justify-content-space-evenly{
    -ms-justify-content:space-evenly;
    justify-content:space-evenly;
}




/*IN ORDER FOR THIS TO WORK, ALL ELEMENTS MUST HAVE A DEFINED WIDTH AND HEIGHT*/
.col-xs-align-content-start{
    -ms-align-content:start;
    align-content:start;
}
.col-xs-align-content-end{
    -ms-align-content:end;
    align-content:end;
}
.col-xs-align-content-center{
    -ms-align-content:center;
    align-content:center;
}

.col-xs-align-content-stretch{
    -ms-align-content:stretch;
    align-content:stretch;
}
.col-xs-align-content-space-around{
   -ms-align-content:space-around;
    align-content:space-around;
}
.col-xs-align-content-space-between{
    -ms-align-content:start;
    align-content:space-between;
}
.col-xs-align-content-space-evenly{
    -ms-align-content:end;
    align-content:space-evenly;
}


.col-xs-grid-auto-flow-row{
    -ms-align-content:center;
    grid-auto-flow:row;
}
.col-xs-grid-auto-flow-column{
    -ms-align-content:stretch;
    grid-auto-flow:column;
}
.col-xs-grid-auto-flow-dense{
    -ms-align-content:space-around;
    grid-auto-flow:dense;
}



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



.col-xs-offset-2{
    -ms-grid-column-start: 2;
    grid-column-start: 2;
}
.col-xs-offset-3{
    -ms-grid-column-start: 3;
    grid-column-start: 3;
}
.col-xs-offset-4{
    -ms-grid-column-start: 4;
    grid-column-start: 4;
}
.col-xs-offset-5{
    -ms-grid-column-start: 5;
    grid-column-start: 5;
}
.col-xs-offset-6{
    -ms-grid-column-start: 6;
    grid-column-start: 6;
}
.col-xs-offset-7{
    -ms-grid-column-start: 7;
    grid-column-start: 7;
}
.col-xs-offset-8{
    -ms-grid-column-start: 8;
    grid-column-start: 8;
}
.col-xs-offset-9{
    -ms-grid-column-start: 9;
    grid-column-start: 9;
}
.col-xs-offset-10{
    -ms-grid-column-start: 10;
    grid-column-start: 10;
}
.col-xs-offset-11{
    -ms-grid-column-start: 11;
    grid-column-start: 11;
}
.col-xs-offset-12{
    -ms-grid-column-start: 12;
    grid-column-start: 12;
}




.col-xs-justify-self-start{
    -ms-justify-self:start;
    justify-self:start;
}
.col-xs-justify-self-end{
    -ms-justify-self:end;
    justify-self:end;
}
.col-xs-justify-self-center{
    -ms-justify-self:center;
    justify-self:center;
}
.col-xs-justify-self-stretch{
   -ms-justify-self:stretch;
    justify-self:stretch;
}

.col-xs-align-self-start{
   -ms-justify-self:start;
    align-self:start;
}
.col-xs-align-self-end{
    -ms-align-self:end;
    align-self:end;
}
.col-xs-align-self-center{
    -ms-align-self:center;
    align-self:center;
}
.col-xs-align-self-stretch{
    -ms-align-self:stretch;
    align-self:stretch;
}

@media only screen and (min-width:48em){    
    
    /*IN ORDER FOR THIS TO WORK, ALL ELEMENTS MUST HAVE A DEFINED WIDTH AND HEIGHT*/
    .col-sm-justify-items-start{
        -ms-justify-items:start;
        justify-items:start;
    }
    .col-sm-justify-items-end{
        -ms-justify-items:end;
        justify-items:end;
    }
    .col-sm-justify-items-center{
        -ms-justify-items:center;
        justify-items:center;
    }
    .col-sm-justify-items-stretch{
        -ms-justify-items:stretch;
        justify-items:stretch;
    }
    
    
    
    /*IN ORDER FOR THIS TO WORK, ALL ELEMENTS MUST HAVE A DEFINED WIDTH AND HEIGHT*/
    .col-sm-align-items-start{
        -ms-align-items:start;
        align-items:start;
    }
    .col-sm-align-items-end{
        -ms-align-items:end;
        align-items:end;
    }
    .col-sm-align-items-center{
        -ms-align-items:center;
        align-items:center;
    }
    .col-sm-align-items-stretch{
        -ms-align-items:stretch;
        align-items:stretch;
    }
    
    
    /*IN ORDER FOR THIS TO WORK, ALL ELEMENTS MUST HAVE A DEFINED WIDTH AND HEIGHT*/
    .col-sm-justify-content-start{
        -ms-justify-content:start;
        justify-content:start;
    }
    .col-sm-justify-content-end{
        -ms-justify-content:end;
        justify-content:end;
    }
    .col-sm-justify-content-center{
        -ms-justify-content:center;
        justify-content:center;
    }
    .col-sm-justify-content-stretch{
        -ms-justify-content:stretch;
        justify-content:stretch;
    }
    .col-sm-justify-content-space-around{
        -ms-justify-content:space-around;
        justify-content:space-around;
    }
    .col-sm-justify-content-space-between{
       -ms-justify-content:space-between; 
        justify-content:space-between;
    }
    .col-sm-justify-content-space-evenly{
        -ms-justify-content:space-evenly;
        justify-content:space-evenly;
    }
    
    
    
    
    /*IN ORDER FOR THIS TO WORK, ALL ELEMENTS MUST HAVE A DEFINED WIDTH AND HEIGHT*/
    .col-sm-align-content-start{
        -ms-align-content:start;
        align-content:start;
    }
    .col-sm-align-content-end{
        -ms-align-content:end;
        align-content:end;
    }
    .col-sm-align-content-center{
        -ms-align-content:center;
        align-content:center;
    }
    
    .col-sm-align-content-stretch{
        -ms-align-content:stretch;
        align-content:stretch;
    }
    .col-sm-align-content-space-around{
       -ms-align-content:space-around;
        align-content:space-around;
    }
    .col-sm-align-content-space-between{
        -ms-align-content:start;
        align-content:space-between;
    }
    .col-sm-align-content-space-evenly{
        -ms-align-content:end;
        align-content:space-evenly;
    }
    
    
    .col-sm-grid-auto-flow-row{
        -ms-align-content:center;
        grid-auto-flow:row;
    }
    .col-sm-grid-auto-flow-column{
        -ms-align-content:stretch;
        grid-auto-flow:column;
    }
    .col-sm-grid-auto-flow-dense{
        -ms-align-content:space-around;
        grid-auto-flow:dense;
    }
    
    
    
    .col-sm-1{
        -ms-grid-column-end: span 1;
        grid-column-end: span 1;
    }
    .col-sm-2{
        -ms-grid-column-end: span 2;
        grid-column-end: span 2;
    }
    .col-sm-3{
        -ms-grid-column-end: span 3;
        grid-column-end: span 3;
    }
    .col-sm-4{
        -ms-grid-column-end: span 4;
        grid-column-end: span 4;
    }
    .col-sm-5{
        -ms-grid-column-end: span 5;
        grid-column-end: span 5;
    }
    .col-sm-6{
        -ms-grid-column-end: span 6;
        grid-column-end: span 6;
    }
    .col-sm-7{
        -ms-grid-column-end: span 7;
        grid-column-end: span 7;
    }
    .col-sm-8{
        -ms-grid-column-end: span 8;
        grid-column-end: span 8;
    }
    .col-sm-9{
        -ms-grid-column-end: span 9;
        grid-column-end: span 9;
    }
    .col-sm-10{
        -ms-grid-column-end: span 10;
        grid-column-end: span 10;
    }
    .col-sm-11{
        -ms-grid-column-end: span 11;
        grid-column-end: span 11;
    }
    .col-sm-12{-ms-justify-self:;
        -ms-grid-column-end: span 12;
        grid-column-end: span 12;
    }


    .col-sm-offset-2{
        -ms-grid-column-start: 2;
        grid-column-start: 2;
    }
    .col-sm-offset-3{
        -ms-grid-column-start: 3;
        grid-column-start: 3;
    }
    .col-sm-offset-4{
        -ms-grid-column-start: 4;
        grid-column-start: 4;
    }
    .col-sm-offset-5{
        -ms-grid-column-start: 5;
        grid-column-start: 5;
    }
    .col-sm-offset-6{
        -ms-grid-column-start: 6;
        grid-column-start: 6;
    }
    .col-sm-offset-7{
        -ms-grid-column-start: 7;
        grid-column-start: 7;
    }
    .col-sm-offset-8{
        -ms-grid-column-start: 8;
        grid-column-start: 8;
    }
    .col-sm-offset-9{
        -ms-grid-column-start: 9;
        grid-column-start: 9;
    }
    .col-sm-offset-10{
        -ms-grid-column-start: 10;
        grid-column-start: 10;
    }
    .col-sm-offset-11{
        -ms-grid-column-start: 11;
        grid-column-start: 11;
    }
    .col-sm-offset-12{
        -ms-grid-column-start: 12;
        grid-column-start: 12;
    }

    
    
    .col-sm-justify-self-start{
        -ms-justify-self:start;
        justify-self:start;
    }
    .col-sm-justify-self-end{
        -ms-justify-self:end;
        justify-self:end;
    }
    .col-sm-justify-self-center{
        -ms-justify-self:center;
        justify-self:center;
    }
    .col-sm-justify-self-stretch{
       -ms-justify-self:stretch;
        justify-self:stretch;
    }
    
    .col-sm-align-self-start{
       -ms-justify-self:start;
        align-self:start;
    }
    .col-sm-align-self-end{
        -ms-align-self:end;
        align-self:end;
    }
    .col-sm-align-self-center{
        -ms-align-self:center;
        align-self:center;
    }
    .col-sm-align-self-stretch{
        -ms-align-self:stretch;
        align-self:stretch;
    }
}

@media only screen and (min-width:62em){    
    
    /*IN ORDER FOR THIS TO WORK, ALL ELEMENTS MUST HAVE A DEFINED WIDTH AND HEIGHT*/
    .col-md-justify-items-start{
        -ms-justify-items:start;
        justify-items:start;
    }
    .col-md-justify-items-end{
        -ms-justify-items:end;
        justify-items:end;
    }
    .col-md-justify-items-center{
        -ms-justify-items:center;
        justify-items:center;
    }
    .col-md-justify-items-stretch{
        -ms-justify-items:stretch;
        justify-items:stretch;
    }
    
    
    
    /*IN ORDER FOR THIS TO WORK, ALL ELEMENTS MUST HAVE A DEFINED WIDTH AND HEIGHT*/
    .col-md-align-items-start{
        -ms-align-items:start;
        align-items:start;
    }
    .col-md-align-items-end{
        -ms-align-items:end;
        align-items:end;
    }
    .col-md-align-items-center{
        -ms-align-items:center;
        align-items:center;
    }
    .col-md-align-items-stretch{
        -ms-align-items:stretch;
        align-items:stretch;
    }
    
    
    /*IN ORDER FOR THIS TO WORK, ALL ELEMENTS MUST HAVE A DEFINED WIDTH AND HEIGHT*/
    .col-md-justify-content-start{
        -ms-justify-content:start;
        justify-content:start;
    }
    .col-md-justify-content-end{
        -ms-justify-content:end;
        justify-content:end;
    }
    .col-md-justify-content-center{
        -ms-justify-content:center;
        justify-content:center;
    }
    .col-md-justify-content-stretch{
        -ms-justify-content:stretch;
        justify-content:stretch;
    }
    .col-md-justify-content-space-around{
        -ms-justify-content:space-around;
        justify-content:space-around;
    }
    .col-md-justify-content-space-between{
       -ms-justify-content:space-between; 
        justify-content:space-between;
    }
    .col-md-justify-content-space-evenly{
        -ms-justify-content:space-evenly;
        justify-content:space-evenly;
    }
    
    
    
    
    /*IN ORDER FOR THIS TO WORK, ALL ELEMENTS MUST HAVE A DEFINED WIDTH AND HEIGHT*/
    .col-md-align-content-start{
        -ms-align-content:start;
        align-content:start;
    }
    .col-md-align-content-end{
        -ms-align-content:end;
        align-content:end;
    }
    .col-md-align-content-center{
        -ms-align-content:center;
        align-content:center;
    }
    
    .col-md-align-content-stretch{
        -ms-align-content:stretch;
        align-content:stretch;
    }
    .col-md-align-content-space-around{
       -ms-align-content:space-around;
        align-content:space-around;
    }
    .col-md-align-content-space-between{
        -ms-align-content:start;
        align-content:space-between;
    }
    .col-md-align-content-space-evenly{
        -ms-align-content:end;
        align-content:space-evenly;
    }
    
    
    .col-md-grid-auto-flow-row{
        -ms-align-content:center;
        grid-auto-flow:row;
    }
    .col-md-grid-auto-flow-column{
        -ms-align-content:stretch;
        grid-auto-flow:column;
    }
    .col-md-grid-auto-flow-dense{
        -ms-align-content:space-around;
        grid-auto-flow:dense;
    }
    
    
    
    .col-md-1{
        -ms-grid-column-end: span 1;
        grid-column-end: span 1;
    }
    .col-md-2{
        -ms-grid-column-end: span 2;
        grid-column-end: span 2;
    }
    .col-md-3{
        -ms-grid-column-end: span 3;
        grid-column-end: span 3;
    }
    .col-md-4{
        -ms-grid-column-end: span 4;
        grid-column-end: span 4;
    }
    .col-md-5{
        -ms-grid-column-end: span 5;
        grid-column-end: span 5;
    }
    .col-md-6{
        -ms-grid-column-end: span 6;
        grid-column-end: span 6;
    }
    .col-md-7{
        -ms-grid-column-end: span 7;
        grid-column-end: span 7;
    }
    .col-md-8{
        -ms-grid-column-end: span 8;
        grid-column-end: span 8;
    }
    .col-md-9{
        -ms-grid-column-end: span 9;
        grid-column-end: span 9;
    }
    .col-md-10{
        -ms-grid-column-end: span 10;
        grid-column-end: span 10;
    }
    .col-md-11{
        -ms-grid-column-end: span 11;
        grid-column-end: span 11;
    }
    .col-md-12{-ms-justify-self:;
        -ms-grid-column-end: span 12;
        grid-column-end: span 12;
    }


    .col-md-offset-2{
        -ms-grid-column-start: 2;
        grid-column-start: 2;
    }
    .col-md-offset-3{
        -ms-grid-column-start: 3;
        grid-column-start: 3;
    }
    .col-md-offset-4{
        -ms-grid-column-start: 4;
        grid-column-start: 4;
    }
    .col-md-offset-5{
        -ms-grid-column-start: 5;
        grid-column-start: 5;
    }
    .col-md-offset-6{
        -ms-grid-column-start: 6;
        grid-column-start: 6;
    }
    .col-md-offset-7{
        -ms-grid-column-start: 7;
        grid-column-start: 7;
    }
    .col-md-offset-8{
        -ms-grid-column-start: 8;
        grid-column-start: 8;
    }
    .col-md-offset-9{
        -ms-grid-column-start: 9;
        grid-column-start: 9;
    }
    .col-md-offset-10{
        -ms-grid-column-start: 10;
        grid-column-start: 10;
    }
    .col-md-offset-11{
        -ms-grid-column-start: 11;
        grid-column-start: 11;
    }
    .col-md-offset-12{
        -ms-grid-column-start: 12;
        grid-column-start: 12;
    }

    
    
    .col-md-justify-self-start{
        -ms-justify-self:start;
        justify-self:start;
    }
    .col-md-justify-self-end{
        -ms-justify-self:end;
        justify-self:end;
    }
    .col-md-justify-self-center{
        -ms-justify-self:center;
        justify-self:center;
    }
    .col-md-justify-self-stretch{
       -ms-justify-self:stretch;
        justify-self:stretch;
    }
    
    .col-md-align-self-start{
       -ms-justify-self:start;
        align-self:start;
    }
    .col-md-align-self-end{
        -ms-align-self:end;
        align-self:end;
    }
    .col-md-align-self-center{
        -ms-align-self:center;
        align-self:center;
    }
    .col-md-align-self-stretch{
        -ms-align-self:stretch;
        align-self:stretch;
    }
}


@media only screen and (min-width:75em){    
    
    /*IN ORDER FOR THIS TO WORK, ALL ELEMENTS MUST HAVE A DEFINED WIDTH AND HEIGHT*/
    .col-lg-justify-items-start{
        -ms-justify-items:start;
        justify-items:start;
    }
    .col-lg-justify-items-end{
        -ms-justify-items:end;
        justify-items:end;
    }
    .col-lg-justify-items-center{
        -ms-justify-items:center;
        justify-items:center;
    }
    .col-lg-justify-items-stretch{
        -ms-justify-items:stretch;
        justify-items:stretch;
    }
    
    
    
    /*IN ORDER FOR THIS TO WORK, ALL ELEMENTS MUST HAVE A DEFINED WIDTH AND HEIGHT*/
    .col-lg-align-items-start{
        -ms-align-items:start;
        align-items:start;
    }
    .col-lg-align-items-end{
        -ms-align-items:end;
        align-items:end;
    }
    .col-lg-align-items-center{
        -ms-align-items:center;
        align-items:center;
    }
    .col-lg-align-items-stretch{
        -ms-align-items:stretch;
        align-items:stretch;
    }
    
    
    /*IN ORDER FOR THIS TO WORK, ALL ELEMENTS MUST HAVE A DEFINED WIDTH AND HEIGHT*/
    .col-lg-justify-content-start{
        -ms-justify-content:start;
        justify-content:start;
    }
    .col-lg-justify-content-end{
        -ms-justify-content:end;
        justify-content:end;
    }
    .col-lg-justify-content-center{
        -ms-justify-content:center;
        justify-content:center;
    }
    .col-lg-justify-content-stretch{
        -ms-justify-content:stretch;
        justify-content:stretch;
    }
    .col-lg-justify-content-space-around{
        -ms-justify-content:space-around;
        justify-content:space-around;
    }
    .col-lg-justify-content-space-between{
       -ms-justify-content:space-between; 
        justify-content:space-between;
    }
    .col-lg-justify-content-space-evenly{
        -ms-justify-content:space-evenly;
        justify-content:space-evenly;
    }
    
    
    
    
    /*IN ORDER FOR THIS TO WORK, ALL ELEMENTS MUST HAVE A DEFINED WIDTH AND HEIGHT*/
    .col-lg-align-content-start{
        -ms-align-content:start;
        align-content:start;
    }
    .col-lg-align-content-end{
        -ms-align-content:end;
        align-content:end;
    }
    .col-lg-align-content-center{
        -ms-align-content:center;
        align-content:center;
    }
    
    .col-lg-align-content-stretch{
        -ms-align-content:stretch;
        align-content:stretch;
    }
    .col-lg-align-content-space-around{
       -ms-align-content:space-around;
        align-content:space-around;
    }
    .col-lg-align-content-space-between{
        -ms-align-content:start;
        align-content:space-between;
    }
    .col-lg-align-content-space-evenly{
        -ms-align-content:end;
        align-content:space-evenly;
    }
    
    
    .col-lg-grid-auto-flow-row{
        -ms-align-content:center;
        grid-auto-flow:row;
    }
    .col-lg-grid-auto-flow-column{
        -ms-align-content:stretch;
        grid-auto-flow:column;
    }
    .col-lg-grid-auto-flow-dense{
        -ms-align-content:space-around;
        grid-auto-flow:dense;
    }
    
    
    
    .col-lg-1{
        -ms-grid-column-end: span 1;
        grid-column-end: span 1;
    }
    .col-lg-2{
        -ms-grid-column-end: span 2;
        grid-column-end: span 2;
    }
    .col-lg-3{
        -ms-grid-column-end: span 3;
        grid-column-end: span 3;
    }
    .col-lg-4{
        -ms-grid-column-end: span 4;
        grid-column-end: span 4;
    }
    .col-lg-5{
        -ms-grid-column-end: span 5;
        grid-column-end: span 5;
    }
    .col-lg-6{
        -ms-grid-column-end: span 6;
        grid-column-end: span 6;
    }
    .col-lg-7{
        -ms-grid-column-end: span 7;
        grid-column-end: span 7;
    }
    .col-lg-8{
        -ms-grid-column-end: span 8;
        grid-column-end: span 8;
    }
    .col-lg-9{
        -ms-grid-column-end: span 9;
        grid-column-end: span 9;
    }
    .col-lg-10{
        -ms-grid-column-end: span 10;
        grid-column-end: span 10;
    }
    .col-lg-11{
        -ms-grid-column-end: span 11;
        grid-column-end: span 11;
    }
    .col-lg-12{-ms-justify-self:;
        -ms-grid-column-end: span 12;
        grid-column-end: span 12;
    }


    .col-lg-offset-2{
        -ms-grid-column-start: 2;
        grid-column-start: 2;
    }
    .col-lg-offset-3{
        -ms-grid-column-start: 3;
        grid-column-start: 3;
    }
    .col-lg-offset-4{
        -ms-grid-column-start: 4;
        grid-column-start: 4;
    }
    .col-lg-offset-5{
        -ms-grid-column-start: 5;
        grid-column-start: 5;
    }
    .col-lg-offset-6{
        -ms-grid-column-start: 6;
        grid-column-start: 6;
    }
    .col-lg-offset-7{
        -ms-grid-column-start: 7;
        grid-column-start: 7;
    }
    .col-lg-offset-8{
        -ms-grid-column-start: 8;
        grid-column-start: 8;
    }
    .col-lg-offset-9{
        -ms-grid-column-start: 9;
        grid-column-start: 9;
    }
    .col-lg-offset-10{
        -ms-grid-column-start: 10;
        grid-column-start: 10;
    }
    .col-lg-offset-11{
        -ms-grid-column-start: 11;
        grid-column-start: 11;
    }
    .col-lg-offset-12{
        -ms-grid-column-start: 12;
        grid-column-start: 12;
    }

    
    
    .col-lg-justify-self-start{
        -ms-justify-self:start;
        justify-self:start;
    }
    .col-lg-justify-self-end{
        -ms-justify-self:end;
        justify-self:end;
    }
    .col-lg-justify-self-center{
        -ms-justify-self:center;
        justify-self:center;
    }
    .col-lg-justify-self-stretch{
       -ms-justify-self:stretch;
        justify-self:stretch;
    }
    
    .col-lg-align-self-start{
       -ms-justify-self:start;
        align-self:start;
    }
    .col-lg-align-self-end{
        -ms-align-self:end;
        align-self:end;
    }
    .col-lg-align-self-center{
        -ms-align-self:center;
        align-self:center;
    }
    .col-lg-align-self-stretch{
        -ms-align-self:stretch;
        align-self:stretch;
    }
}

