/* GRID */
.-grid-canvas{	width:100%; display: inline-grid;}
.-grid-canvas.-x2{grid-template-columns: repeat(2, 50%);}
.-grid-canvas.-x3{grid-template-columns: repeat(3, 33.33%);}
.-grid-canvas.-x4{grid-template-columns: repeat(4, 25%);}
.-grid-canvas.-x5{grid-template-columns: repeat(5, 20%);}
.-grid-canvas.-x6{grid-template-columns: repeat(6, 16.60%);grid-column-gap:0.2%;}
.-grid-canvas.-x8{grid-template-columns: repeat(8, 12.25%);}

.-grid-canvas.-x2.-gap{grid-template-columns: repeat(2, 49%);	grid-column-gap:2%;}
.-grid-canvas.-x3.-gap{grid-template-columns: repeat(3, 32%);grid-column-gap:2%;}
.-grid-canvas.-x4.-gap{grid-template-columns: repeat(4, 23%);grid-column-gap:2%;}
.-grid-canvas.-x5.-gap{grid-template-columns: repeat(5, 19%);grid-column-gap:1.25%;}
.-grid-canvas.-x6.-gap{grid-template-columns: repeat(6, 15%);grid-column-gap:2%;}
.-grid-canvas.-x8.-gap{grid-template-columns: repeat(8, 11.45%);grid-column-gap:1.2%;}