.container {
  margin:0 auto;
  padding-left:5rem;
  padding-right:5rem;
}
.container.container_size_none {
  max-width:none;
  padding-left:0;
  padding-right:0;
}

.container.container_size_container {
  max-width:1600px;
}


.container.container_size_medium {
  max-width:1100px;
}

.container.container_size_narrow {
  max-width:800px;
}



.grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}
.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:980px) {

  .container {
    margin:0 auto;
    padding-left:calc(5rem * 0.25);
    padding-right:calc(5rem * 0.25);
  }

  .grid .span-6{
    grid-column: span 12;
  }

}