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