Equal height boxes with

_equal-height-boxes.scss

.view-section-teasers {
  @include view-section-teaser-colors($it-connects-color--blue, $it-connects-color--box-blue);
  clear:both;
  display: block;
  overflow: hidden;
  margin-top: 2em;
  @include breakpoint($break-section-teasers--columns--right) {
    padding-left: 10em;
    @include main-content-padding(margin,negative, 2em);
  }

  .section-group {
    position: relative;
    clear: both;
    @include breakpoint($break-section-teasers--columns--right) {
    @include display-box;
    @include box-orient(horizontal);
    @include box-align(stretch);
    display: flex;
    }
  }

  .section-category {
    clear: both;
    @include breakpoint($break-section-teasers--columns--right) {
      position: absolute;
      top: 2.5em;
      left: -10em;
      width: 7em;
    }
  }

  .section-teasertaxonomy-term {
    @include breakpoint($break-section-teasers--columns--right) {
      margin: .5em;
      width: 45%;
      float: left;
    }
  }
}

Using 'display:flex;' to progressively account for Firefox.