.breadcrumb-row
  .breadcrumb
    max-width: $maxWidth
    margin: auto
    position: relative
    height: 80px
    width: 100%
    box-sizing: border-box

    ul, ol
      margin-left: 40px

.breadcrumb
  height: 80px
  +flex(flex-start, center)
  ol, ul
    list-style: none
    line-height: 18px

    li
      display: inline-block
      line-height: 18px
      a, span
        +font-semi-bold(14px, 16px)
        color: $blackBackground

      &:not(:last-child)
        &:after
          content: '›'
          display: inline-block
          margin: 0 5px
      &:last-of-type
        a, span
          +font-bold(14px, 16px)
+media-query($maxWidth + 40px)
  .breadcrumb-row
    .breadcrumb
      margin: auto
      position: relative
      width: 100%
      padding: 0 9%
      ul, ol
        margin-left: 0