.breadcrumb-row
  .breadcrumb
    margin: auto
    position: relative
    height: 100%
    width: 100%

    ul, ol
      margin-left: 40px

.breadcrumb
  ol, ul
    list-style: none
    padding: 0
    margin: 0

    li
      display: inline-block
      a, span
        +font-semi-bold(14px, 60px)
        color: $black
        text-transform: uppercase

      &:not(:last-child)
        opacity: 0.7
        &:after
          content: '›'
          display: inline-block
          margin: 0 5px


+media-query(1440px + 40px)
  .breadcrumb-row
    .breadcrumb
      margin: auto
      position: relative
      height: 100%
      width: calc(100% - 40px)
      padding: 0 20px

+media-query(500px)
  .breadcrumb
    ol, ul
      li
        &:last-child
          display: none