/*
* === THEME COLORS ===
*/
:root {
	--primary-theme: #1B998B;
	--primary-theme-lighten-90: #e9f5f4;
	--primary-theme-lighten-80: #d2ebe8;
	--primary-theme-lighten-70: #bbe1dd;
	--primary-theme-lighten-60: #a4d7d1;
	--primary-theme-lighten-50: #8dccc5;
	--primary-theme-lighten-40: #77c2ba;
	--primary-theme-lighten-30: #60b8ae;
	--primary-theme-lighten-20: #49aea3;
	--primary-theme-lighten-10: #32a497;
	--primary-theme-darken-10: #198a7e;
	--primary-theme-darken-20: #167b70;
	--primary-theme-darken-30: #136c62;
	--primary-theme-darken-40: #115c54;
	--primary-theme-darken-50: #0e4d46;
	--primary-theme-darken-60: #0b3e38;
	--primary-theme-darken-70: #092e2a;
	--primary-theme-darken-80: #061f1c;
	--primary-theme-darken-90: #03100e;
	--secondary-theme: #656176;
	--secondary-theme-lighten-90: #f0f0f2;
	--secondary-theme-lighten-80: #e1e0e4;
	--secondary-theme-lighten-70: #d1d0d6;
	--secondary-theme-lighten-60: #c2c0c9;
	--secondary-theme-lighten-50: #b2b0bb;
	--secondary-theme-lighten-40: #a3a1ad;
	--secondary-theme-lighten-30: #9491a0;
	--secondary-theme-lighten-20: #848192;
	--secondary-theme-lighten-10: #757184;
	--secondary-theme-darken-10: #5b586b;
	--secondary-theme-darken-20: #514e5f;
	--secondary-theme-darken-30: #474453;
	--secondary-theme-darken-40: #3d3b47;
	--secondary-theme-darken-50: #33313b;
	--secondary-theme-darken-60: #292730;
	--secondary-theme-darken-70: #1f1e24;
	--secondary-theme-darken-80: #151418;
	--secondary-theme-darken-90: #0b0a0c;
	--primary-accent: #E94F37;
	--primary-accent-lighten-90: #fdeeeb;
	--primary-accent-lighten-80: #fbdcd7;
	--primary-accent-lighten-70: #f9cbc3;
	--primary-accent-lighten-60: #f7b9af;
	--primary-accent-lighten-50: #f4a79b;
	--primary-accent-lighten-40: #f29687;
	--primary-accent-lighten-30: #f08473;
	--primary-accent-lighten-20: #ee735f;
	--primary-accent-lighten-10: #ec614b;
	--primary-accent-darken-10: #d24832;
	--primary-accent-darken-20: #bb402c;
	--primary-accent-darken-30: #a43827;
	--primary-accent-darken-40: #8c3021;
	--primary-accent-darken-50: #75281c;
	--primary-accent-darken-60: #5e2016;
	--primary-accent-darken-70: #461811;
	--primary-accent-darken-80: #2f100b;
	--primary-accent-darken-90: #180806;
	--secondary-accent: #6DA34D;
	--secondary-accent-lighten-90: #f1f6ee;
	--secondary-accent-lighten-80: #e2eddc;
	--secondary-accent-lighten-70: #d4e4ca;
	--secondary-accent-lighten-60: #c5dbb8;
	--secondary-accent-lighten-50: #b6d1a6;
	--secondary-accent-lighten-40: #a8c895;
	--secondary-accent-lighten-30: #99bf83;
	--secondary-accent-lighten-20: #8bb671;
	--secondary-accent-lighten-10: #7cad5f;
	--secondary-accent-darken-10: #639346;
	--secondary-accent-darken-20: #58833e;
	--secondary-accent-darken-30: #4d7336;
	--secondary-accent-darken-40: #42622f;
	--secondary-accent-darken-50: #375227;
	--secondary-accent-darken-60: #2c421f;
	--secondary-accent-darken-70: #213118;
	--secondary-accent-darken-80: #162110;
	--secondary-accent-darken-90: #0b1108;
	--primary-cta: #E94F37;
	--primary-cta-lighten-90: #fdeeeb;
	--primary-cta-lighten-80: #fbdcd7;
	--primary-cta-lighten-70: #f9cbc3;
	--primary-cta-lighten-60: #f7b9af;
	--primary-cta-lighten-50: #f4a79b;
	--primary-cta-lighten-40: #f29687;
	--primary-cta-lighten-30: #f08473;
	--primary-cta-lighten-20: #ee735f;
	--primary-cta-lighten-10: #ec614b;
	--primary-cta-darken-10: #d24832;
	--primary-cta-darken-20: #bb402c;
	--primary-cta-darken-30: #a43827;
	--primary-cta-darken-40: #8c3021;
	--primary-cta-darken-50: #75281c;
	--primary-cta-darken-60: #5e2016;
	--primary-cta-darken-70: #461811;
	--primary-cta-darken-80: #2f100b;
	--primary-cta-darken-90: #180806;
	--secondary-cta: #6DA34D;
	--secondary-cta-lighten-90: #f1f6ee;
	--secondary-cta-lighten-80: #e2eddc;
	--secondary-cta-lighten-70: #d4e4ca;
	--secondary-cta-lighten-60: #c5dbb8;
	--secondary-cta-lighten-50: #b6d1a6;
	--secondary-cta-lighten-40: #a8c895;
	--secondary-cta-lighten-30: #99bf83;
	--secondary-cta-lighten-20: #8bb671;
	--secondary-cta-lighten-10: #7cad5f;
	--secondary-cta-darken-10: #639346;
	--secondary-cta-darken-20: #58833e;
	--secondary-cta-darken-30: #4d7336;
	--secondary-cta-darken-40: #42622f;
	--secondary-cta-darken-50: #375227;
	--secondary-cta-darken-60: #2c421f;
	--secondary-cta-darken-70: #213118;
	--secondary-cta-darken-80: #162110;
	--secondary-cta-darken-90: #0b1108;
	--dark-background: #393E41;
	--dark-background-lighten-90: #ececec;
	--dark-background-lighten-80: #d8d9d9;
	--dark-background-lighten-70: #c4c6c6;
	--dark-background-lighten-60: #b0b2b3;
	--dark-background-lighten-50: #9c9fa0;
	--dark-background-lighten-40: #898c8d;
	--dark-background-lighten-30: #75787a;
	--dark-background-lighten-20: #616567;
	--dark-background-lighten-10: #4d5254;
	--light-background: #F6F7EB;
	--light-background-darken-10: #dedfd4;
	--light-background-darken-20: #c5c6bc;
	--light-background-darken-30: #adada5;
	--light-background-darken-40: #94958d;
	--light-background-darken-50: #7b7c76;
	--light-background-darken-60: #63635e;
	--light-background-darken-70: #4a4b47;
	--light-background-darken-80: #32322f;
	--light-background-darken-90: #191918;
	--dark-text: #393E41;
	--dark-text-lighten-90: #ececec;
	--dark-text-lighten-80: #d8d9d9;
	--dark-text-lighten-70: #c4c6c6;
	--dark-text-lighten-60: #b0b2b3;
	--dark-text-lighten-50: #9c9fa0;
	--dark-text-lighten-40: #898c8d;
	--dark-text-lighten-30: #75787a;
	--dark-text-lighten-20: #616567;
	--dark-text-lighten-10: #4d5254;
	--light-text: #F6F7EB;
	--light-text-darken-10: #dedfd4;
	--light-text-darken-20: #c5c6bc;
	--light-text-darken-30: #adada5;
	--light-text-darken-40: #94958d;
	--light-text-darken-50: #7b7c76;
	--light-text-darken-60: #63635e;
	--light-text-darken-70: #4a4b47;
	--light-text-darken-80: #32322f;
	--light-text-darken-90: #191918;

}
/*
* === FLUID SIZES ===
*/
:root {
	--rem-val: 16;
}
/* Group 0: 480px - 1600px */
:root {
	--title-size-1: 30px;
	--title-size-2: 26px;
	--title-size-3: 22px;
	--title-size-4: 20px;
	--title-size-5: 18px;
	--title-size-6: 16px;
	--body-size-1: 16px;
}
@media screen and (min-width: 480px) {
	:root {
		--title-size-1: calc(30px + ((100vw - 480px) / (1600 - 480)) * (58 - 30) );
		--title-size-2: calc(26px + ((100vw - 480px) / (1600 - 480)) * (48 - 26) );
		--title-size-3: calc(22px + ((100vw - 480px) / (1600 - 480)) * (38 - 22) );
		--title-size-4: calc(20px + ((100vw - 480px) / (1600 - 480)) * (28 - 20) );
		--title-size-5: calc(18px + ((100vw - 480px) / (1600 - 480)) * (24 - 18) );
		--title-size-6: calc(16px + ((100vw - 480px) / (1600 - 480)) * (20 - 16) );
		--body-size-1: calc(16px + ((100vw - 480px) / (1600 - 480)) * (20 - 16) );
	}
}
@media screen and (min-width: 1600px) {
	:root {
		--title-size-1: 58px;
		--title-size-2: 48px;
		--title-size-3: 38px;
		--title-size-4: 28px;
		--title-size-5: 24px;
		--title-size-6: 20px;
		--body-size-1: 20px;
	}
}
/* Group 1: 480px - 1920px */
:root {
	--p-outer: 2rem;
}
@media screen and (min-width: 480px) {
	:root {
		--p-outer: calc(2rem + ((100vw - 480px) / (1920 - 480)) * ((4 - 2) * var(--rem-val)));
	}
}
@media screen and (min-width: 1920px) {
	:root {
		--p-outer: 4rem;
	}
}
/*
* === 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-outer {
	padding-left: var(--p-outer);
	padding-right: var(--p-outer);
}
