.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
    }
}