@font-face {
	font-family: "Product Sans";
	src: url("../../fonts/product/Product\ Sans\ Bold.ttf") format("ttf");
	font-weight: normal;
	font-style: normal;
}
.counter-wrapper .counter,
.display-1,
.display-2,
.display-3,
.display-4,
.display-5,
.display-6,
.ff-serif,
.post-title {
	font-family: "Product Sans", sans-serif;
	/* font-weight: 600 !important; */
	word-spacing: normal !important;
	letter-spacing: normal !important;
}
.display-1 {
	font-size: calc(1.385rem + 1vw);
	line-height: 1.1;
}
@media (min-width: 1200px) {
	.display-1 {
		font-size: 2.5rem;
	}
}
.display-2 {
	font-size: calc(1.365rem + 1.38vw);
	line-height: 1.15;
}
@media (min-width: 1200px) {
	.display-2 {
		font-size: 2.4rem;
	}
}
.display-3 {
	font-size: calc(1.355rem + 1.26vw);
	line-height: 1.15;
}
@media (min-width: 1200px) {
	.display-3 {
		font-size: 2.3rem;
	}
}
.display-4 {
	font-size: calc(1.325rem + 0.9vw);
	line-height: 1.2;
}
@media (min-width: 1200px) {
	.display-4 {
		font-size: 2rem;
	}
}
.display-5 {
	font-size: calc(1.305rem + 0.66vw);
	line-height: 1.2;
}
@media (min-width: 1200px) {
	.display-5 {
		font-size: 1.8rem;
	}
}
.display-6 {
	font-size: calc(1.285rem + 0.42vw);
	line-height: 1.25;
}
@media (min-width: 1200px) {
	.display-6 {
		font-size: 1.6rem;
	}
}
.h2.post-title,
h2.post-title {
	font-size: calc(1.265rem + 0.18vw);
}
@media (min-width: 1200px) {
	.h2.post-title,
	h2.post-title {
		font-size: 1.4rem;
	}
}
.h3.post-title,
h3.post-title {
	font-size: 1.2rem;
}
.counter-wrapper .counter {
	font-size: calc(1.335rem + 1.02vw);
}
@media (min-width: 1200px) {
	.counter-wrapper .counter {
		font-size: 2.1rem;
	}
}
.counter-wrapper .counter.counter-lg {
	font-size: calc(1.355rem + 1.26vw);
}
@media (min-width: 1200px) {
	.counter-wrapper .counter.counter-lg {
		font-size: 2.3rem;
	}
}
