.container {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}

.column(@width: 100%) {
  display: flex;
  flex-direction: column;
  padding: 0 20px;
  box-sizing: border-box;
  overflow-x: auto;
  flex: 2 @width;
  max-width: @width;
}

.row {
  display: flex;
  // width: calc(~"100% + 40px");
  width: 100%;
  // margin: 0 -20px;
  margin: 0;
}


.column {
  .column;

  &--half {
    .column(50%);
  }

  &--two-thirds {
    .column(66.6%);
  }

  &--third {
    .column(33.3%);
  }

  &--quarter {
    .column(25%);
  }

  &--three-quarter {
    .column(75%);
  }
}