:root {
	--rem-2xs : 0.512rem;
	--rem-xs  : 0.640rem;
	--rem-s   : 0.800rem;
	--rem-base: 1.000rem;
	--rem-l   : 1.250rem;
	--rem-xl  : 1.563rem;
	--rem-2xl : 1.953rem;
	--rem-3xl : 2.441rem;
	--rem-4xl : 3.052rem;
	--rem-5xl : 3.815rem;
	--rem-6xl : 4.768rem;
}

html {
	font-size: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: bryant, sans-serif;
	text-align: left;
}

p, li {
	font-family: Poppins, sans-serif;
	text-align: left;
	font-weight: 200;
}


@media all and (max-width: 904px) {
	html {
		font-size: 14px;
	}
}