@require '../fonts.styl';

html, body {
  padding: 0;
  margin: 0;
}

.Layout {
  position: relative;
  font-family: "Proxima Nova";
  lost-center: 1280px;
  padding: 0 16px;
}

.Row {
  margin: 64px 0;
}

.RowSmall {
  margin: 16px 0;
}

.Half {
  lost-column: 1/2 0;
}

.Quarter {
  lost-column: 1/4 0;
}

.Third {
  lost-column: 1/3 0;
}

.TwoThird {
  lost-column: 2/3 0;
}

.Section {
  lost-utility: clearfix;
}

.List {
  lost-masonry-wrap: no-flex;

  &Item {
    lost-masonry-column: 1/4;
  }
}

.WhiteBg {
  background: #fff;
}