.wrapper12 {
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
}

.wrapper14 {
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
	transform-style: preserve-3d;
}

.grid1 {
	
	display:grid;
	grid-template-areas:"a b b b a";
	
}

.grid1 > div {grid-area:b;}

.col1 {grid-column: span 1;}
.col2 {grid-column: span 2;}
.col3 {grid-column: span 3;}
.col4 {grid-column: span 4;}
.col5 {grid-column: span 5;}
.col6 {grid-column: span 6;}
.col7 {grid-column: span 7;}
.col8 {grid-column: span 8;}
.col9 {grid-column: span 9;}
.col10 {grid-column: span 10;}
.col11 {grid-column: span 11;}
.col12 {grid-column: span 12;}
.col13 {grid-column: span 13;}
.col14 {grid-column: span 14;}

.wrapper12 {
display: grid;
grid-template-columns: repeat(12, [col] 1fr);
grid-column-gap: 2em;
grid-row-gap: 1em;
}

@media (min-width: 550px) {
	
  .wrapper14 {
    display: grid;
    grid-template-columns: repeat(14, [col] 1fr);
    grid-column-gap: 2em;
    grid-row-gap: 0;
  }
	
}

@media (max-width: 549px) {
	
	
	
}