html {
	--isWhite: #FFF;
	--isBlack: #000;
	--isGrey: #888888;
	--emMin: 14px;
	--emMax: 18px;
	--em: calc(14px + (18 - 14) * (100vw - 320px) / (3840 - 320));	
	--emLMin: 30px;
	--emMLax: 50px;
	--emL: calc(30px + (50 - 30) * (100vw - 320px) / (3840 - 320));	
	--emXLMin: 80px;
	--emXLMax: 340px;
	--emXL: calc(80px + (340 - 80) * (100vw - 320px) / (3840 - 320));	
}
body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: var(--emMin);
	line-height: 1.2;
}
h1,
p.large,
p.xlarge {
	margin: 0;
	font-weight: 400;
	letter-spacing: -.01em;
}
h2, p {
	font-size: 1em;
	margin: 0;
	letter-spacing: -.01em;
	font-weight: 700;
}
p.large {
	font-size: var(--emLMin);
	width: calc(100% - 1em);
	max-width: 20em;
	line-height: 1.1;
}
p.xlarge {
	font-size: var(--emXLMin);
	margin: 0;
}
a {
	color: inherit;
	text-decoration: none;
}
@media only screen and (min-width: 320px) {
	body {
		font-size: var(--em);
	}
	h1,
	p.large {
		font-size: var(--emL);
	}
	p.xlarge {
		font-size: var(--emXL);
	}
}
@media only screen and (min-width: 3840px) {
	body {
		font-size: var(--emMax);
	}
	h1,
	p.large {
		font-size: var(--emLMax);
	}
	p.xlarge {
		font-size: var(--emXLMax);
	}
}