.breadcrumbs {
  display: flex;
  font: var(--hh-body-xxs-font);
}
@media screen and (min-width: 640px) {
  .breadcrumbs {
    font: var(--hh-body-sm-font);
  } 
}

.breadcrumbs a {
  font: var(--hh-body-bold-xxs-font);
}
@media screen and (min-width: 640px) {
  .breadcrumbs a {
    font: var(--hh-body-bold-sm-font);
  } 
}
.breadcrumbs a:after {
  content: "/";
  padding-left: 4px;
  padding-right: 4px;
}