.grid:first-child {
	margin-top: 2em;
}
.grid {
  display:-ms-grid;
      -ms-grid-rows: auto 1fr;
	display: grid;
	grid-gap: 2em;
	grid-auto-rows: minmax(100px, auto);
	margin-bottom: 2em;
}
.grid.flat {
	grid-auto-rows: auto;
}
.grid.no-gap {
	grid-gap: 0;
}
.grid.top {
	-ms-flex-line-pack: start;
	    align-content: start;
	height: 100%;
}
.grid.bottom {
	-ms-flex-line-pack: end;
	    align-content: end;
	height: 100%;
}
.grid.n1 {
	-ms-grid-columns: 1fr;
	grid-template-columns: 1fr;
}
.grid.n2 {
	-ms-grid-columns: 1fr 2em 1fr;
	grid-template-columns: repeat(2, 1fr);
}
.grid.n3 {
	-ms-grid-columns: 1fr 2em 1fr 2em 1fr;
	grid-template-columns: repeat(3, 1fr);
}
.grid.n4 {
	-ms-grid-columns: 1fr 2em 1fr 2em 1fr 2em 1fr;
	grid-template-columns: repeat(4, 1fr);
}
.grid.n5 {
	-ms-grid-columns: 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr;
	grid-template-columns: repeat(5, 1fr);
}
.grid.n6 {
	-ms-grid-columns: 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr;
	grid-template-columns: repeat(6, 1fr);
}
.grid.n7 {
	-ms-grid-columns: 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr;
	grid-template-columns: repeat(7, 1fr);
}
.grid.n8 {
	-ms-grid-columns: 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr;
	grid-template-columns: repeat(8, 1fr);
}
.grid.n9 {
	-ms-grid-columns: 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr;
	grid-template-columns: repeat(9, 1fr);
}
.grid.n10 {
	-ms-grid-columns: 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr;
	grid-template-columns: repeat(10, 1fr);
}
.grid.n11 {
	-ms-grid-columns: 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr;
	grid-template-columns: repeat(11, 1fr);
}
.grid.n12 {
	-ms-grid-columns: 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr;
	grid-template-columns: repeat(12, 1fr);
}


.grid.n1 > * {
  -ms-grid-column:1;
}
.grid.n2 > *:nth-child(1) {
  -ms-grid-column:1;
}
.grid.n2 > *:nth-child(2) {
  -ms-grid-column:3;
}

.grid.n3 > *:nth-child(1) {
  -ms-grid-column:1;
}
.grid.n3 > *:nth-child(2) {
  -ms-grid-column:3;
}
.grid.n3 > *:nth-child(3) {
  -ms-grid-column:5;
}

.grid.n4 > *:nth-child(1) {
  -ms-grid-column:1;
}
.grid.n4 > *:nth-child(2) {
  -ms-grid-column:3;
}
.grid.n4 > *:nth-child(3) {
  -ms-grid-column:5;
}
.grid.n4 > *:nth-child(4) {
  -ms-grid-column:7;
}

.grid.n5 > *:nth-child(1) {
  -ms-grid-column:1;
}
.grid.n5 > *:nth-child(2) {
  -ms-grid-column:3;
}
.grid.n5 > *:nth-child(3) {
  -ms-grid-column:5;
}
.grid.n5 > *:nth-child(4) {
  -ms-grid-column:7;
}
.grid.n5 > *:nth-child(5) {
  -ms-grid-column:9;
}

.grid.n6 > *:nth-child(1) {
  -ms-grid-column:1;
}
.grid.n6 > *:nth-child(2) {
  -ms-grid-column:3;
}
.grid.n6 > *:nth-child(3) {
  -ms-grid-column:5;
}
.grid.n6 > *:nth-child(4) {
  -ms-grid-column:7;
}
.grid.n6 > *:nth-child(5) {
  -ms-grid-column:9;
}
.grid.n6 > *:nth-child(6) {
  -ms-grid-column:11;
}



@media only screen and (min-width:768px) and (max-width:1400px) {
	.grid.n4:not(.stay) {
		-ms-grid-columns: 1fr 2em 1fr;
      -ms-grid-rows: auto 1fr auto 1fr;
		grid-template-columns: repeat(2, 1fr);
	}
	.grid.n5:not(.stay) {
		-ms-grid-columns: 1fr 2em 1fr 2em 1fr;
      -ms-grid-rows: auto 1fr auto 1fr;
		grid-template-columns: repeat(3, 1fr);
	}
	.grid.n6:not(.stay) {
		-ms-grid-columns: 1fr 2em 1fr 2em 1fr;
      -ms-grid-rows: auto 1fr auto 1fr;
		grid-template-columns: repeat(3, 1fr);
	}
	.grid.n7:not(.stay) {
		-ms-grid-columns: 1fr 2em 1fr 2em 1fr 2em 1fr;
      -ms-grid-rows: auto 1fr auto 1fr;
		grid-template-columns: repeat(4, 1fr);
	}
	.grid.n8:not(.stay) {
		-ms-grid-columns: 1fr 2em 1fr 2em 1fr 2em 1fr;
      -ms-grid-rows: auto 1fr auto 1fr;
		grid-template-columns: repeat(4, 1fr);
	}
	.grid.n9:not(.stay) {
		-ms-grid-columns: 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr;
      -ms-grid-rows: auto 1fr auto 1fr;
		grid-template-columns: repeat(5, 1fr);
	}
	.grid.n10:not(.stay) {
		-ms-grid-columns: 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr;
      -ms-grid-rows: auto 1fr auto 1fr;
		grid-template-columns: repeat(5, 1fr);
	}
	.grid.n11:not(.stay) {
		-ms-grid-columns: 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr;
      -ms-grid-rows: auto 1fr auto 1fr;
		grid-template-columns: repeat(6, 1fr);
	}
	.grid.n12:not(.stay) {
		-ms-grid-columns: 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr;
      -ms-grid-rows: auto 1fr auto 1fr;
		grid-template-columns: repeat(6, 1fr);
	}
  
  

  
  
  

.grid.n2 > *:nth-child(1) {
  -ms-grid-column:1;
}
.grid.n2 > *:nth-child(2) {
  -ms-grid-column:1;
  -ms-grid-row:3;
}

.grid.n3 > *:nth-child(1) {
  -ms-grid-column:1;
}
.grid.n3 > *:nth-child(2) {
  -ms-grid-column:3;
}
.grid.n3 > *:nth-child(3) {
  -ms-grid-column:1;
  -ms-grid-row:3;
}

.grid.n4 > *:nth-child(1) {
  -ms-grid-column:1;
}
.grid.n4 > *:nth-child(2) {
  -ms-grid-column:3;
}
.grid.n4 > *:nth-child(3) {
  -ms-grid-column:1;
  -ms-grid-row:3;
}
.grid.n4 > *:nth-child(4) {
  -ms-grid-column:3;
  -ms-grid-row:3;
}

.grid.n5 > *:nth-child(1) {
  -ms-grid-column:1;
}
.grid.n5 > *:nth-child(2) {
  -ms-grid-column:3;
}
.grid.n5 > *:nth-child(3) {
  -ms-grid-column:5;
}
.grid.n5 > *:nth-child(4) {
  -ms-grid-column:1;
  -ms-grid-row:3;
}
.grid.n5 > *:nth-child(5) {
  -ms-grid-column:3;
  -ms-grid-row:3;
}

.grid.n6 > *:nth-child(1) {
  -ms-grid-column:1;
}
.grid.n6 > *:nth-child(2) {
  -ms-grid-column:3;
}
.grid.n6 > *:nth-child(3) {
  -ms-grid-column:5;
}
.grid.n6 > *:nth-child(4) {
  -ms-grid-column:1;
  -ms-grid-row:3;
}
.grid.n6 > *:nth-child(5) {
  -ms-grid-column:3;
  -ms-grid-row:3;
}
.grid.n6 > *:nth-child(6) {
  -ms-grid-column:5;
  -ms-grid-row:3;
}


  
  
  
  
}

@media only screen and (max-width:767px) {
	.grid:not(.stay) {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
	}
	.grid:not(.stay) > div {
		-ms-grid-column: 1 !important;
		-ms-grid-column-span: 1 !important;
		grid-column: 1 / span 1 !important;
	}
  
  
  
  
  
  .grid.n2 {
		-ms-grid-columns: 1fr;
      -ms-grid-rows: auto 1fr;
  }
.grid.n2 > *:nth-child(1) {
  -ms-grid-column:1;
}
.grid.n2 > *:nth-child(2) {
  -ms-grid-column:1;
  -ms-grid-row:3;
}
  
  .grid.n3 {
		-ms-grid-columns: 1fr;
      -ms-grid-rows: auto 1fr;
  }
.grid.n3 > *:nth-child(1) {
  -ms-grid-column:1;
}
.grid.n3 > *:nth-child(2) {
  -ms-grid-column:1;
  -ms-grid-row:3;
}
.grid.n3 > *:nth-child(3) {
  -ms-grid-column:1;
  -ms-grid-row:5;
}

  
  .grid.n4 {
		-ms-grid-columns: 1fr;
      -ms-grid-rows: auto 1fr;
  }
.grid.n4 > *:nth-child(1) {
  -ms-grid-column:1;
}
.grid.n4 > *:nth-child(2) {
  -ms-grid-column:1;
  -ms-grid-row:3;
}
.grid.n4 > *:nth-child(3) {
  -ms-grid-column:1;
  -ms-grid-row:5;
}
.grid.n4 > *:nth-child(4) {
  -ms-grid-column:1;
  -ms-grid-row:7;
}

  
  .grid.n5 {
		-ms-grid-columns: 1fr;
      -ms-grid-rows: auto 1fr;
  }
.grid.n5 > *:nth-child(1) {
  -ms-grid-column:1;
}
.grid.n5 > *:nth-child(2) {
  -ms-grid-column:1;
  -ms-grid-row:3;
}
.grid.n5 > *:nth-child(3) {
  -ms-grid-column:1;
  -ms-grid-row:5;
}
.grid.n5 > *:nth-child(4) {
  -ms-grid-column:1;
  -ms-grid-row:7;
}
.grid.n5 > *:nth-child(5) {
  -ms-grid-column:1;
  -ms-grid-row:7;
}

  
  .grid.n6 {
		-ms-grid-columns: 1fr;
      -ms-grid-rows: auto 1fr;
  }
.grid.n6 > *:nth-child(1) {
  -ms-grid-column:1;
}
.grid.n6 > *:nth-child(2) {
  -ms-grid-column:1;
  -ms-grid-row:3;
}
.grid.n6 > *:nth-child(3) {
  -ms-grid-column:1;
  -ms-grid-row:5;
}
.grid.n6 > *:nth-child(4) {
  -ms-grid-column:1;
  -ms-grid-row:7;
}
.grid.n6 > *:nth-child(5) {
  -ms-grid-column:1;
  -ms-grid-row:9;
}
.grid.n6 > *:nth-child(6) {
  -ms-grid-column:1;
  -ms-grid-row:11;
}


  
  
  
}
/* COLUMN WIDTH */
div.w1 {
	-ms-grid-column-span: 1;
	grid-column: span 1;
}
div.w2 {
	-ms-grid-column-span: 2;
	grid-column: span 2;
}
div.w3 {
	-ms-grid-column-span: 3;
	grid-column: span 3;
}
div.w4 {
	-ms-grid-column-span: 4;
	grid-column: span 4;
}
div.w5 {
	-ms-grid-column-span: 5;
	grid-column: span 5;
}
div.w6 {
	-ms-grid-column-span: 6;
	grid-column: span 6;
}
div.w7 {
	-ms-grid-column-span: 7;
	grid-column: span 7;
}
div.w8 {
	-ms-grid-column-span: 8;
	grid-column: span 8;
}
div.w9 {
	-ms-grid-column-span: 9;
	grid-column: span 9;
}
div.w10 {
	-ms-grid-column-span: 10;
	grid-column: span 10;
}
div.w11 {
	-ms-grid-column-span: 11;
	grid-column: span 11;
}
div.w12 {
	-ms-grid-column-span: 12;
	grid-column: span 12;
}
/* ROW HEIGHT */
div.h1 {
	-ms-grid-row-span: 1;
	grid-row: span 1;
}
div.h2 {
	-ms-grid-row-span: 2;
	grid-row: span 2;
}
div.h3 {
	-ms-grid-row-span: 3;
	grid-row: span 3;
}
div.h4 {
	-ms-grid-row-span: 4;
	grid-row: span 4;
}
div.h5 {
	-ms-grid-row-span: 5;
	grid-row: span 5;
}
div.h6 {
	-ms-grid-row-span: 6;
	grid-row: span 6;
}
div.l1 {
	-ms-grid-column: 1;
	grid-column: 1;
}
div.l2 {
	-ms-grid-column: 2;
	grid-column: 2;
}
div.l3 {
	-ms-grid-column: 3;
	grid-column: 3;
}
div.l4 {
	-ms-grid-column: 4;
	grid-column: 4;
}
div.l5 {
	-ms-grid-column: 5;
	grid-column: 5;
}
div.l6 {
	-ms-grid-column: 6;
	grid-column: 6;
}
div.l7 {
	-ms-grid-column: 7;
	grid-column: 7;
}
div.l8 {
	-ms-grid-column: 8;
	grid-column: 8;
}
div.l9 {
	-ms-grid-column: 9;
	grid-column: 9;
}
div.l10 {
	-ms-grid-column: 10;
	grid-column: 10;
}
div.l11 {
	-ms-grid-column: 11;
	grid-column: 11;
}
div.l12 {
	-ms-grid-column: 12;
	grid-column: 12;
}
/* LEFT MARGIN */
div.lm1 {
	-ms-grid-column: 1;
	    grid-column-start: 1;
}
div.lm2 {
	-ms-grid-column: 2;
	    grid-column-start: 2;
}
div.lm3 {
	-ms-grid-column: 3;
	    grid-column-start: 3;
}
div.lm4 {
	-ms-grid-column: 4;
	    grid-column-start: 4;
}
div.lm5 {
	-ms-grid-column: 5;
	    grid-column-start: 5;
}
div.lm6 {
	-ms-grid-column: 6;
	    grid-column-start: 6;
}
div.lm7 {
	-ms-grid-column: 7;
	    grid-column-start: 7;
}
div.lm8 {
	-ms-grid-column: 8;
	    grid-column-start: 8;
}
div.lm9 {
	-ms-grid-column: 9;
	    grid-column-start: 9;
}
div.lm10 {
	-ms-grid-column: 10;
	    grid-column-start: 10;
}
div.lm11 {
	-ms-grid-column: 11;
	    grid-column-start: 11;
}
div.lm12 {
	-ms-grid-column: 12;
	    grid-column-start: 12;
}
/* RIGHT MARGIN */
div.rm1 {
	-ms-grid-column-span: 1;
	grid-column-end: 1;
}
div.rm2 {
	-ms-grid-column-span: 2;
	grid-column-end: 2;
}
div.rm3 {
	-ms-grid-column-span: 3;
	grid-column-end: 3;
}
div.rm4 {
	-ms-grid-column-span: 4;
	grid-column-end: 4;
}
div.rm5 {
	-ms-grid-column-span: 5;
	grid-column-end: 5;
}
div.rm6 {
	-ms-grid-column-span: 6;
	grid-column-end: 6;
}
div.rm7 {
	-ms-grid-column-span: 7;
	grid-column-end: 7;
}
div.rm8 {
	-ms-grid-column-span: 8;
	grid-column-end: 8;
}
div.rm9 {
	-ms-grid-column-span: 9;
	grid-column-end: 9;
}
div.rm10 {
	-ms-grid-column-span: 10;
	grid-column-end: 10;
}
div.rm11 {
	-ms-grid-column-span: 11;
	grid-column-end: 11;
}
div.rm12 {
	-ms-grid-column-span: 12;
	grid-column-end: 12;
}
div.rm13 {
	-ms-grid-column-span: 13;
	grid-column-end: 13;
}