.column {
  vertical-align: top;
  margin: 10px;
  display: inline-block;
  overflow: hidden;
}

.widescreen .column {
  margin: 10px 15px;
}

.column.no-margin, .column.pad-instead {
  margin: 0;
}

.widescreen .column.pad-instead {
  padding: 15px;
}

.span-1 {
  width: calc(8.33333% - 20px);
}

.widescreen .span-1 {
  width: calc(8.33333% - 30px);
}

.pad-1 {
  box-sizing: content-box;
  padding-left: 8.33333%;
}

.offset-1 {
  margin-left: calc(8.33333% + 10px);
}

.widescreen .offset-1 {
  margin-left: calc(8.33333% + 15px);
}

.span-2 {
  width: calc(16.6667% - 20px);
}

.widescreen .span-2 {
  width: calc(16.6667% - 30px);
}

.pad-2 {
  box-sizing: content-box;
  padding-left: 16.6667%;
}

.offset-2 {
  margin-left: calc(16.6667% + 10px);
}

.widescreen .offset-2 {
  margin-left: calc(16.6667% + 15px);
}

.span-3 {
  width: calc(25% - 20px);
}

.widescreen .span-3 {
  width: calc(25% - 30px);
}

.pad-3 {
  box-sizing: content-box;
  padding-left: 25%;
}

.offset-3 {
  margin-left: calc(25% + 10px);
}

.widescreen .offset-3 {
  margin-left: calc(25% + 15px);
}

.span-4 {
  width: calc(33.3333% - 20px);
}

.widescreen .span-4 {
  width: calc(33.3333% - 30px);
}

.pad-4 {
  box-sizing: content-box;
  padding-left: 33.3333%;
}

.offset-4 {
  margin-left: calc(33.3333% + 10px);
}

.widescreen .offset-4 {
  margin-left: calc(33.3333% + 15px);
}

.span-5 {
  width: calc(41.6667% - 20px);
}

.widescreen .span-5 {
  width: calc(41.6667% - 30px);
}

.pad-5 {
  box-sizing: content-box;
  padding-left: 41.6667%;
}

.offset-5 {
  margin-left: calc(41.6667% + 10px);
}

.widescreen .offset-5 {
  margin-left: calc(41.6667% + 15px);
}

.span-6 {
  width: calc(50% - 20px);
}

.widescreen .span-6 {
  width: calc(50% - 30px);
}

.pad-6 {
  box-sizing: content-box;
  padding-left: 50%;
}

.offset-6 {
  margin-left: calc(50% + 10px);
}

.widescreen .offset-6 {
  margin-left: calc(50% + 15px);
}

.span-7 {
  width: calc(58.3333% - 20px);
}

.widescreen .span-7 {
  width: calc(58.3333% - 30px);
}

.pad-7 {
  box-sizing: content-box;
  padding-left: 58.3333%;
}

.offset-7 {
  margin-left: calc(58.3333% + 10px);
}

.widescreen .offset-7 {
  margin-left: calc(58.3333% + 15px);
}

.span-8 {
  width: calc(66.6667% - 20px);
}

.widescreen .span-8 {
  width: calc(66.6667% - 30px);
}

.pad-8 {
  box-sizing: content-box;
  padding-left: 66.6667%;
}

.offset-8 {
  margin-left: calc(66.6667% + 10px);
}

.widescreen .offset-8 {
  margin-left: calc(66.6667% + 15px);
}

.span-9 {
  width: calc(75% - 20px);
}

.widescreen .span-9 {
  width: calc(75% - 30px);
}

.pad-9 {
  box-sizing: content-box;
  padding-left: 75%;
}

.offset-9 {
  margin-left: calc(75% + 10px);
}

.widescreen .offset-9 {
  margin-left: calc(75% + 15px);
}

.span-10 {
  width: calc(83.3333% - 20px);
}

.widescreen .span-10 {
  width: calc(83.3333% - 30px);
}

.pad-10 {
  box-sizing: content-box;
  padding-left: 83.3333%;
}

.offset-10 {
  margin-left: calc(83.3333% + 10px);
}

.widescreen .offset-10 {
  margin-left: calc(83.3333% + 15px);
}

.span-11 {
  width: calc(91.6667% - 20px);
}

.widescreen .span-11 {
  width: calc(91.6667% - 30px);
}

.pad-11 {
  box-sizing: content-box;
  padding-left: 91.6667%;
}

.offset-11 {
  margin-left: calc(91.6667% + 10px);
}

.widescreen .offset-11 {
  margin-left: calc(91.6667% + 15px);
}

.span-12 {
  width: calc(100% - 20px);
}

.widescreen .span-12 {
  width: calc(100% - 30px);
}

.pad-0 {
  padding-left: 0;
}

.offset-0 {
  margin-left: 10px;
}

.widescreen .offset-0 {
  margin-left: 15px;
}

.row {
  float: none;
  clear: both;
  word-spacing: -.3em;
  max-width: 1172px;
  margin: 0 auto;
  padding: 10px 0;
}

.row * {
  word-spacing: normal;
}

.desktop .row {
  width: calc(96% + 20px);
}

.widescreen .row {
  width: calc(90% + 30px);
  max-width: 1470px;
  padding: 15px 0;
}

/*# sourceMappingURL=index.bdab34d0.css.map */