body {
	background-color: #fff;
	margin: 0;
	padding: 0;
	font-family: "Jost";
}

@font-face {
	font-family: "Teen";
	src: local("font/Teen-Regular"),
		url("../font/Teen-Regular.woff2") format("woff2"),
		url("../font/Teen-Regular.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Teen";
	src: local("../font/Teen-Bold"), url("font/Teen-Bold.woff2") format("woff2"),
		url("../font/Teen-Bold.woff") format("woff");
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Teen";
	src: local("font/Teen-Italic"),
		url("../font/Teen-Italic.woff2") format("woff2"),
		url("../font/Teen-Italic.woff") format("woff");
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "Jost";
	src: local("../font/Jost"), url("../font/Jost.woff2") format("woff2"),
		url("../font/Jost.woff") format("woff");
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Teen";
	font-weight: normal;
	font-style: normal;
	line-height: 1.2;
}

/* 
Formula per ridemensionamento responsive del font:
calc(minFonf + (maxFont - minFont) * ((100vw - minWidth) / (maxWidth - minWidth))); 
*/
h1 {
	font-size: calc(32px + (48 - 32) * ((100vw - 360px) / (1920 - 360)));
}
h2 {
	font-size: calc(28px + (42 - 28) * ((100vw - 360px) / (1920 - 360)));
}
h3 {
	font-size: calc(24px + (32 - 24) * ((100vw - 360px) / (1920 - 360)));
}
h4 {
	font-size: calc(22px + (28 - 22) * ((100vw - 360px) / (1920 - 360)));
}
h5 {
	font-size: calc(20px + (24 - 20) * ((100vw - 360px) / (1920 - 360)));
}

p,
li,
table,
td,
tr,
th,
span,
label,
input,
a {
	font-size: 20px;
	line-height: 1.4em;
	text-decoration: none;
	font-family: "Jost";
}

a.button,
a.btn {
	margin-top: 20px;
	font-weight: bold;
	background-color: #35a8e0;
	color: #ffffff !important;
	padding: 10px 30px;
	display: inline-block;
}
a.button:hover,
a.btn:hover {
	background-color: #333;
	color: #fff !important;
}