.grav-c-related-items {
  padding: 0;
  list-style: none;
  text-align: center;

  > li {
    max-width: grav-px2rem(540); // equivalent to 540px
    margin-right: auto;
    margin-left: auto;

    span {
      @include grav-color-apply('color', 'b', 'neutral-subtle');
      display: block;
    }

    a {
      @include grav-font-size(2);
      font-weight: grav-font-weight('primary', 'bold');
    }

    @media (min-width: grav-breakpoint(medium)) {
      a {
        display: block;
      }
    }
  }
}