badges-demo {
  /* Component styles go here */
}

h3 {
  font-family: var(--grit-font-family-header);
}
h4 {
  font-family: var(--grit-font-family-body);
}
.capitalize {
  text-transform: capitalize;
}
.badge-content {
  display: flex;
}
.progress-badges {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.custom-badge .badge-content grit-wc-icon {
  color: purple;
}

@media (max-width: 750px) {
  grit-wc-badge {
    margin: 8px;
  }
}