.benefit {
  padding:1em 0 4em;
  margin:0;
  vertical-align: top;
  display:inline-block;

  img {
    max-width:120px;
    display:block;
    margin:0 auto 1em auto;
  }

  .description {
    text-align: center;
    padding:0 1em;

    strong {
      font-weight: $font-bold;
      color:$color-font-primary;
      font-size:2em;
      display:block;
      margin-bottom: .25em;
      white-space: nowrap;
    }

    & > span {
      font-size:1.4em;
      line-height: 1.6;
      display:inline;
    }
  }

  @include respond-to('small') {
    width:33%;
    max-width: 400px;
  }

}

// ----------------------------------------------------------------------------
// Benefit Collection (Section)
// ----------------------------------------------------------------------------
.benefit-collection {
  @include sectionize;
  text-align: center;

  .wrapper {
    padding: 2em 1.5em;
  }
}