.wd-z-index {
  position: relative;
  z-index: 35;
}
.wd-fontsize-xs {
  font-size: 14px;
}
.wd-fontsize-s {
  font-size: 16px;
}
.wd-fontsize-m {
  font-size: 18px;
}
.wd-fontsize-l {
  font-size: 22px;
}
.wd-fontsize-xl {
  font-size: 26px;
}
.wd-fontsize-xxl {
  font-size: 36px;
}
.wd-fontsize-xxxl {
  font-size: 46px;
}
.text-larger {
  font-size: 110%;
}
.font-text {
  font-family: var(--wd-text-font);
}
.font-primary {
  font-family: var(--wd-title-font);
}
.font-alt {
  font-style: var(--wd-alternative-font-style);
  font-family: var(--wd-alternative-font);
}
.wd-items-top {
  align-items: flex-start;
}
.wd-items-middle {
  align-items: center;
}
.wd-items-bottom {
  align-items: flex-end;
}
.wd-justify-left {
  justify-content: left;
}
.wd-justify-center {
  justify-content: center;
}
.wd-justify-right {
  justify-content: right;
}
.color-primary {
  color: var(--wd-primary-color);
}
.color-alt {
  color: var(--wd-alternative-color);
}
.color-title {
  color: var(--wd-title-color);
}
@media (max-width: 1024px) {
  .wd-fontsize-xl,
  .wd-fontsize-xxl,
  .wd-fontsize-xxxl {
    font-size: 22px;
  }
  .text-larger {
    font-size: inherit;
  }
}