.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;
  padding-right: 3.5%;
}

/* Sidebar */
.column-panel.column-right {
  float: right;
  margin-right: 0;
  margin-top: -70px;
}

/* nested rows */
.inner-row {
  clear: both;
  margin-top: 30px;
  margin-bottom: 30px;
}

.row-content-all .inner-row:first-of-type {
  margin-top: 0;
}

/* nested row tiles */
.row-tile {
  float: left;
}

.inner-row--tiles--two .row-tile {
  width: 46%;
  margin-right: 8%;
}

.inner-row--tiles--three .row-tile {
  width: 31%;
  margin-right: 3.5%;
}

.row-tile-first {
  clear: both;
}

.row-tile-last {
  margin-right: 0 !important;
}

.inner-row--tiles--first {
  margin-top: -10px !important;
}

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

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

  .column-panel.column-left {
    padding-right: 0;
  }
}