.container {
  padding-left:90px;
  padding-right:90px;
  max-width:2100px;
  margin:0 auto;
}
.container.narrow {
  max-width:800px;
}


.grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}
.grid.seamless {
  grid-column-gap: 0;
  grid-row-gap: 0;
}
.grid .span-1 {
  grid-column: span 1;
}
.grid .span-2 {
  grid-column: span 2;
}
.grid .span-3 {
  grid-column: span 3;
}
.grid .span-4 {
  grid-column: span 4;
}
.grid .span-6 {
  grid-column: span 6;
}
.grid .span-8 {
  grid-column: span 8;
}
.grid .span-10 {
  grid-column: span 10;
}
.grid .span-12 {
  grid-column: span 12;
}

@media screen and (max-width:800px) {
    .container {
    padding-left:22.5px;
    padding-right:22.5px;
  }
}