.breadcrumb {
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 6rem var(--container-pad) 1.5rem;
  font-size: 0.75rem;
  color: var(--text-muted);
}
.breadcrumb a {
  color: var(--text-muted);
  text-decoration: none;
  transition: color var(--transition-fast);
}
.breadcrumb a:hover {
  color: var(--text-primary);
}
.breadcrumb-sep {
  margin: 0 0.4rem;
}

@media (max-width: 900px) {
  .breadcrumb {
    padding: 5.5rem var(--container-pad-mobile) 1rem;
  }
}