.breadcrumb-nav {
  font-size: 1.8rem;
  color: var(--color-secondary-light);
  width: 100%;
  max-width: var(--container-width);
  margin-right: auto;
  margin-left: auto;
  padding: var(--s-2) var(--s0);  
}
.breadcrumb-nav span {
  color: var(--color-secondary-dark);
}
.breadcrumb-nav a::after {
  content: " > ";
}

/* sm */
@media (min-width: 576px) {
}

/* md */
@media (min-width: 768px) {
  .breadcrumb-nav {
    font-size: 2rem;
  }
}

/* lg */
@media (min-width: 992px) {
  .breadcrumb-nav {
    font-size: 2.3rem;
  }
}

/* xl */
@media (min-width: 1200px) {
}

/* xxl */
@media (min-width: 1400px) {
}