.dh-section-heading {
  display: block;
  width: 100%;
  padding-top: var(--dh-sh-pt, 60px);
  padding-bottom: var(--dh-sh-pb, 0px);
}

.dh-section-heading__title {
  margin: 0;
  font-family: var(--dh-sh-family, 'Clever', Georgia, serif);
  font-weight: var(--dh-sh-weight, 700);
  font-size: var(--dh-sh-size, 48px);
  /* 48 x 1.1 = 52.8px, the original value. Derived so line-height tracks font size. */
  line-height: calc(var(--dh-sh-size, 48px) * var(--dh-sh-ratio, 1.1));
  letter-spacing: var(--dh-sh-tracking, 0.5px);
  color: var(--dh-sh-color, #002d1e);
  text-align: var(--dh-sh-align, center);
}

@media (max-width: 768px) {
  .dh-section-heading {
    padding-top: var(--dh-sh-pt-m, 40px);
    padding-bottom: var(--dh-sh-pb-m, 0px);
  }

  .dh-section-heading__title {
    font-size: var(--dh-sh-size-m, 34px);
    line-height: var(--dh-sh-leading-m, 38px);
  }
}