/*
* === THEME COLORS ===
*/
:root {
	--primary--color: #231f20;
	--primary--color: ;
	--secondary--color: #d1b160;
	--secondary--color: ;
	--primary--cta: #df1017;
	--primary--cta: ;
	--secondary--cta: #0c0c3e;
	--secondary--cta: ;
	--border--color: #b7b7b7;
	--border--color: ;
	--neutral--colors: #000000;
	--neutral--colors: ;
	--text--color-primary: #777777;
	--text--color-primary: ;
	--white--text: #ffffff;
	--white--text: ;

}
/*
* === FLUID SIZES ===
*/
:root {
	--rem-val: 16;
}
/* Group 0: 480px - 1200px */
:root {
	--title--size-1: 32px;
	--title--size-2: 32px;
	--title--size-3: 32px;
	--title--size-4: 18px;
	--title--size-5: 14px;
	--title--size-6: 14px;
	--body--size-1: 13px;
}
@media screen and (min-width: 480px) {
	:root {
		--title--size-1: calc(32px + ((100vw - 480px) / (1200 - 480)) * (32 - 32) );
		--title--size-2: calc(32px + ((100vw - 480px) / (1200 - 480)) * (32 - 32) );
		--title--size-3: calc(32px + ((100vw - 480px) / (1200 - 480)) * (32 - 32) );
		--title--size-4: calc(18px + ((100vw - 480px) / (1200 - 480)) * (32 - 18) );
		--title--size-5: calc(14px + ((100vw - 480px) / (1200 - 480)) * (22 - 14) );
		--title--size-6: calc(14px + ((100vw - 480px) / (1200 - 480)) * (18 - 14) );
		--body--size-1: calc(13px + ((100vw - 480px) / (1200 - 480)) * (16 - 13) );
	}
}
@media screen and (min-width: 1200px) {
	:root {
		--title--size-1: 32px;
		--title--size-2: 32px;
		--title--size-3: 32px;
		--title--size-4: 32px;
		--title--size-5: 22px;
		--title--size-6: 18px;
		--body--size-1: 16px;
	}
}
/*
* === VAR MAPS ===
*/
body {
	font-size: var(--body--size-1);
}
h1 {
	font-size: var(--title--size-1);
}
h2 {
	font-size: var(--title--size-2);
}
h3 {
	font-size: var(--title--size-3);
}
h4 {
	font-size: var(--title--size-4);
}
h5 {
	font-size: var(--title--size-5);
}
h6 {
	font-size: var(--title--size-6);
}
p {
	font-size: var(--body--size-1);
}