.layout--6-columns {
  max-width: 1280px;
  display: flex;
  justify-content: center;
  margin: 0 auto;
}

.layout--6-columns > .layout__region {
  flex: 0 1 100%;
  flex-wrap: wrap;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .layout--6-columns > .layout__region {
    flex: 0 1 50%;
    margin: 0 auto 40px;
    box-sizing: border-box;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .layout--6-columns > .layout__region {
    flex: 0 1 33.33%;
    margin: 0 auto 40px;
    box-sizing: border-box;
  }
}

@media screen and (min-width: 1280px) {
  .layout--6-columns > .layout__region {
    flex: 0 1 16.66%;
  }
}