.generic-page-heading {
  padding: 0 var(--page-margin);
  margin-top: 4.5rem;
  z-index: 20;
  position: relative;
}

@media (max-width: 989px) {
  .generic-page-heading {
    margin-top: 3rem;
    margin-bottom: 3rem;
  } 
}

.generic-page-heading h1 {
  color: rgb(var(--color-base-tertiary));
  margin: 0;
}

.generic-page-heading h1 span {
  display: block;
  width: max-content;
}

.generic-page-heading span:nth-child(even) {
  margin-left: auto;
}