:root {
	--primary-600: hsl(207 100% 43%);
	--primary-700: hsl(207 100% 33%);
	--primary-800: hsl(207 100% 23%);
	--primary-900: hsl(207 100% 13%);
	--primary-1000: hsl(208 100% 3%);
}

.text-heading-1,
.text-heading-2 {
	font-size: 2.5rem;
	line-height: 2.75rem;
}

.text-heading-2 {
	font-size: 1.75rem;
	line-height: 2rem;
}

.text-heading-3 {
	font-size: 1.5rem;
	line-height: 1.75rem;
}

.text-heading-1,
.text-heading-2,
.text-heading-3 {
	font-weight: 600;
	letter-spacing: -0.02px;
}

.text-heading-1,
.text-heading-2,
.text-heading-3,
.text-heading-1 em,
.text-heading-2 em,
.text-heading-3 em {
	font-family: var(--fonts-normal);
	color: hsl(var(--primary-1000));
	text-transform: none;
	font-style: normal;
}

@media (max-width: 768px) {
	.text-heading-1 {
		font-size: 1.75rem;
		line-height: 2rem;
	}

	.text-heading-2 {
		font-size: 1.5rem;
		line-height: 1.75rem;
	}

	.text-heading-3 {
		font-size: 1.125rem;
		line-height: 1.5rem;
	}
}