body {
  /*background: yellow;*/
  background: white; /*test change*/
}

/* ==========================================================================
	Variables
/* ========================================================================== */
/* Directories */
/* Colors */
/* Fonts */
/* ==========================================================================
	Grid helper classes
	This section could also have descring text or such.
	========================================================================== */
.help-grid {
  display: none;
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
body[data-helpgrid="show"] .help-grid {
  display: block;
}
.help-grid .column {
  min-height: 1000px;
  border-left: 16px solid rgba(255, 255, 255, 0.4);
  border-right: 16px solid rgba(255, 255, 255, 0.4);
  color: white;
  background: rgba(255, 0, 0, 0.5);
}
.help-grid .column:after {
  display: block;
  line-height: 40px;
  content: '1/4';
  text-align: center;
}

 /* Grid classes (if you want to make the grid in the markup)
	-------------------------------------------------------------------------- */
.container {
  max-width: 1312px;
  margin-left: auto;
  margin-right: auto;
}
.container:after {
  content: " ";
  display: block;
  clear: both;
}
.container.container--full_width {
  max-width: 100%;
}

.inner {
  margin-left: -16px;
  margin-right: -16px;
}

.full {
  clear: both;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  float: left;
  padding-left: 16px;
  padding-right: 16px;
}

body .span1 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  float: left;
  padding-left: 16px;
  padding-right: 16px;
}
@media screen and (min-width: 536px) {
  body .span1 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    float: left;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1024px) {
  body .span1 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 33%;
    float: left;
    padding-left: 16px;
    padding-right: 16px;
  }
}

.span2 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  float: left;
  padding-left: 16px;
  padding-right: 16px;
}
@media screen and (min-width: 1024px) {
.span2 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    float: left;
    padding-left: 16px;
    padding-right: 16px;
  }
}

.span3 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  float: left;
  padding-left: 16px;
  padding-right: 16px;
}
@media screen and (min-width: 1024px) {
  .span3 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 75%;
    float: left;
    padding-left: 16px;
    padding-right: 16px;
  }
}

.span4 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  float: left;
  padding-left: 16px;
  padding-right: 16px;
}
@media screen and (min-width: 1024px) {
  .span4 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding-left: 16px;
    padding-right: 16px;
  }
}

.pad1 {
  padding-left: 25%;
  padding-right: 25%;
}

.pad2 {
  padding-left: 50%;
  padding-right: 50%;
}

@media screen and (min-width: 1024px) {
  .pre1 {
    margin-left: 25%;
  }

  .pre2 {
    margin-left: 50%;
  }

  .pre3 {
    margin-left: 75%;
  }

  .push1 {
    margin-left: 25%;
  }

  .push2 {
    margin-left: 50%;
  }

  .push3 {
    margin-left: 75%;
  }
}
@media screen and (min-width: 1024px) {
  .bleed {
    margin-right: -16px;
  }
}

.omega, .last {
  float: right;
}

/*# sourceMappingURL=rare.css.map */