/*------------------------------------*\
  $BREADCRUMBS
\*------------------------------------*/

.breadcrumbs {
  background: #f5f5f5;
  border-bottom: 1px solid #e5e5e5;

  .wrap {
    padding: 40px;
  }

  @include mq(mq600) {
    display: block;
  }

  ol {
    margin: 0;
    text-align: center;
  }

  &__item {
    display: inline;
    font: {
      size: font-size(12.5);
      weight: 700;
    }
    text-transform: uppercase;
    color: #262626;


    &:after {
      content: '-';
      margin: 0 5px;
    }

    &.last:after {
      display: none;
    }
  }
}