.grid						{ display: grid; grid-template-rows: auto; grid-auto-flow: row; width: 100%; }
.maincol1					{ grid-column: auto; }
.maincol2					{ grid-column: auto / span 2; }
.maincol3					{ grid-column: auto / span 3; }
.maincol4					{ grid-column: auto / span 4; width: 100%; }
.maincol5					{ grid-column: auto / span 5; width: 100%; }
.maincol6					{ grid-column: auto / span 6; width: 100%; }

.mainrow2					{ grid-row: auto / span 2; }
.mainrow3					{ grid-row: auto / span 3; }
.mainrow4					{ grid-row: auto / span 4; }

.grids						{ grid-template-columns: 150px auto 150px auto; flex-flow: row wrap;}
.grid2 						{ grid-template-columns: 50% 50%; }
.grid3						{ grid-template-columns: repeat(3, minmax(33%, auto)); flex-flow: row wrap; }
.grid4						{ grid-template-columns: repeat(4, 25%); flex-flow: row wrap; }
.spacer						{ margin: 10px 0 20px 0 }
.grida						{ justify-content: start; align-items: center; align-content: center; }