/*
* === FLUID SIZES ===
*/
:root {
	--rem-val: 16;
}
/* Group 0: 480px - 1200px */
:root {
	--h1: 42px;
	--h2: 35px;
	--h3: 26px;
	--h4: 20px;
	--p: 15px;
	--pixel-38-30: 30px;
	--pixel-20-17: 17px;
}
@media screen and (min-width: 480px) {
	:root {
		--h1: calc(42px + ((100vw - 480px) / (1200 - 480)) * (55 - 42) );
		--h2: calc(35px + ((100vw - 480px) / (1200 - 480)) * (45 - 35) );
		--h3: calc(26px + ((100vw - 480px) / (1200 - 480)) * (34 - 26) );
		--h4: calc(20px + ((100vw - 480px) / (1200 - 480)) * (25 - 20) );
		--p: calc(15px + ((100vw - 480px) / (1200 - 480)) * (18 - 15) );
		--pixel-38-30: calc(30px + ((100vw - 480px) / (1200 - 480)) * (38 - 30) );
		--pixel-20-17: calc(17px + ((100vw - 480px) / (1200 - 480)) * (20 - 17) );
	}
}
@media screen and (min-width: 1200px) {
	:root {
		--h1: 55px;
		--h2: 45px;
		--h3: 34px;
		--h4: 25px;
		--p: 18px;
		--pixel-38-30: 38px;
		--pixel-20-17: 20px;
	}
}