.panel-panel {
  min-height: 1px;
}

/* span widths -- based on 12 column grid */
.span2 {
  width: 13.75%;
}
.span3 {
  width: 22.375%;
}
.span4 {
  width: 31%;
}
.span6 {
  width: 48.25%;
}
.span8 {
  width: 65.5%;
}
.span9 {
  width: 74.125%;
}
.span10 {
  width: 82.75%;
}
.span12 {
  width: 100%;
}

.column-panel.column-left {
  float: left;
  clear: both;
}
.column-panel.column-right {
  float: right;
  margin-right: 0;
}

/* tile rows */
.tile-panel {
  float: left;
  margin-right: 3.5%;
}
.tile-panel.first-tile {
  clear: both;
}
.tile-panel.last-tile {
  margin-right: 0;
}

/* tile rows alternate (division of 5) */
.tile-5 {
  width: 18%;
}
.tile-panel.tile-5 {
  margin-right: 2.5%;
}
.tile-panel.tile-5.last-tile {
  margin-right: 0;
}

/* exceptions and overrides */
.wcm-omega-8a .row-1 {
  margin-bottom: 1.5em;
}

/* iPad or less */
@media only screen and (max-width: 759px) {
  .span2,
  .span3,
  .span4,
  .span6,
  .span8,
  .span9,
  .span10,
  .tile-5 {
    width: 100%;
    float: none;
    margin-right: 0;
  }

  .column-panel.column-right {
    margin-top: 30px;
  }
}