@font-face{
	font-family: europa;
	src: url(https://use.typekit.net/af/f3ba4f/00000000000000003b9b12fa/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3);
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face{
	font-family: europa;
	src: url(https://use.typekit.net/af/3e64fb/00000000000000003b9b12fe/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3);
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face{
	font-family: europa;
	src: url(https://use.typekit.net/af/4eabcf/00000000000000003b9b12fd/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3);
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face{
	font-family: source-code-pro;
	src: url(https://use.typekit.net/af/3c21b3/0000000000000000000179cf/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3);
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face{
	font-family: aktiv-grotesk;
	src: url(https://use.typekit.net/af/affdf5/00000000000000003b9b0328/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3);
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face{
	font-family: aktiv-grotesk;
	src: url(https://use.typekit.net/af/90ce96/00000000000000003b9b0329/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3);
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}
@font-face{
	font-family: aktiv-grotesk;
	src: url(https://use.typekit.net/af/b5ce2a/00000000000000003b9b032d/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3);
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

body {
	font-family: "aktiv-grotesk", sans-serif;
	color: var(--pd-black);
	font-size: 15px;
}

:where(h1, h2, h3, h4, h5) {
	font-family: "europa", sans-serif;
}

:where(h1, h2) {
	font-size: 48px;
	margin-bottom: 0.5em;
	font-weight: 400;
}

:where(h3) {
	font-size: 36px;
	margin-bottom: 0.5em;
	font-weight: 300;
}

:where(h4) {
	font-size: 18px;
	margin-bottom: 0.75em;
}

:where(p) {
	line-height: 1.5;
}

a{
	color: var(--pd-black);
}

.herotext{
	font-size: 20px;
	line-height: 1.5;
}
.small{
	font-size: 12px;
}

@media screen and (max-width: 767px) {
	.herotext{
		font-size: 18px;
	}
}