.full-width {
  width: 100%;
}

.centered {
  position: relative;
  margin: auto;
}

.col {
  display: block;
  float: left;
}

.col-100 {
  width: 96%;
  padding: 2%;
}

/**
 * A slightly larger than 70% width column.
 * For use in 75%/25% width column
 */
.col-75 {
  width: 71.42%;
  padding: 2%;
}

/**
 * Right gutter is included inside block contnet for some reason in comp.
 * Normally we would have 22.48% col and 2% gutter right. Instead we have
 * Added that 2% into the width.
 */
.col-25 {
  width: 24.448%;
  padding: 2% 0;
}

/**
 * Vaguely resembling 1/3.
 */
.col-33 {
  width: 29.3%;
  padding: 2%;
}

/**
 * Here is the real cluster.
 */
.col-25-uneven-gutter {
  width: 22.44%; 
  padding: 0 .853%;
}

.col-25-uneven-gutter:first-child {
  padding-left: 2.563%;
}

.col-25-uneven-gutter:last-child {
  padding-right: 2.563%;
}

/**
 * Sticky Footer Stuff
 */
.sticky-footer-content-wrap {
  position: relative;
  width: 100%;
  min-height: 100%;
  margin-bottom: -300px;
  overflow: hidden;
}

.sticky-footer-content-wrap:after {
  content: "";
  display: block;
}
/*
.sticky-footer-content-wrap:after,
.sticky-footer {
  height: 300px;
}*/

.sticky-footer {
  overflow: hidden;
}