/*
* === THEME COLORS ===
*/
:root {
	--primary-c: #3d1252;
	--primary-c-lighten-90: #ece8ee;
	--primary-c-lighten-80: #d9d0dd;
	--primary-c-lighten-70: #c5b8cc;
	--primary-c-lighten-60: #b2a1ba;
	--primary-c-lighten-50: #9e89a9;
	--primary-c-lighten-40: #8b7198;
	--primary-c-lighten-30: #785a86;
	--primary-c-lighten-20: #644275;
	--primary-c-lighten-10: #512a64;
	--primary-c-darken-10: #37114a;
	--primary-c-darken-20: #310f42;
	--primary-c-darken-30: #2b0d3a;
	--primary-c-darken-40: #250b32;
	--primary-c-darken-50: #1f0929;
	--primary-c-darken-60: #190821;
	--primary-c-darken-70: #130619;
	--primary-c-darken-80: #0d0411;
	--primary-c-darken-90: #070209;
	--primary-c-opacity-10: rgba(61,18,82,.1);
	--primary-c-opacity-20: rgba(61,18,82,.2);
	--primary-c-opacity-30: rgba(61,18,82,.3);
	--primary-c-opacity-40: rgba(61,18,82,.4);
	--primary-c-opacity-50: rgba(61,18,82,.5);
	--primary-c-opacity-60: rgba(61,18,82,.6);
	--primary-c-opacity-70: rgba(61,18,82,.7);
	--primary-c-opacity-80: rgba(61,18,82,.8);
	--primary-c-opacity-90: rgba(61,18,82,.9);
	--secondary-c: #f58c6e;
	--secondary-c-lighten-90: #fef4f1;
	--secondary-c-lighten-80: #fde8e2;
	--secondary-c-lighten-70: #fcddd4;
	--secondary-c-lighten-60: #fbd1c5;
	--secondary-c-lighten-50: #fac6b7;
	--secondary-c-lighten-40: #f9baa8;
	--secondary-c-lighten-30: #f8af9a;
	--secondary-c-lighten-20: #f7a38b;
	--secondary-c-lighten-10: #f6987d;
	--secondary-c-darken-10: #dd7e63;
	--secondary-c-darken-20: #c47058;
	--secondary-c-darken-30: #ac624d;
	--secondary-c-darken-40: #935442;
	--secondary-c-darken-50: #7b4637;
	--secondary-c-darken-60: #62382c;
	--secondary-c-darken-70: #4a2a21;
	--secondary-c-darken-80: #311c16;
	--secondary-c-darken-90: #190e0b;
	--accent-1: #b5246b;
	--accent-1-lighten-90: #f8eaf1;
	--accent-1-lighten-80: #f1d4e2;
	--accent-1-lighten-70: #e9bed3;
	--accent-1-lighten-60: #e2a8c4;
	--accent-1-lighten-50: #da92b5;
	--accent-1-lighten-40: #d37ca7;
	--accent-1-lighten-30: #cc6698;
	--accent-1-lighten-20: #c45089;
	--accent-1-lighten-10: #bd3a7a;
	--accent-1-darken-10: #a32161;
	--accent-1-darken-20: #911d56;
	--accent-1-darken-30: #7f1a4b;
	--accent-1-darken-40: #6d1641;
	--accent-1-darken-50: #5b1236;
	--accent-1-darken-60: #490f2b;
	--accent-1-darken-70: #370b21;
	--accent-1-darken-80: #250816;
	--accent-1-darken-90: #13040b;
	--accent-2: #fab278;
	--accent-2-lighten-90: #fff8f2;
	--accent-2-lighten-80: #fef0e4;
	--accent-2-lighten-70: #fee8d7;
	--accent-2-lighten-60: #fde1c9;
	--accent-2-lighten-50: #fdd9bc;
	--accent-2-lighten-40: #fcd1ae;
	--accent-2-lighten-30: #fccaa1;
	--accent-2-lighten-20: #fbc293;
	--accent-2-lighten-10: #fbba86;
	--accent-2-darken-10: #e1a16c;
	--accent-2-darken-20: #c88f60;
	--accent-2-darken-30: #af7d54;
	--accent-2-darken-40: #966b48;
	--accent-2-darken-50: #7d593c;
	--accent-2-darken-60: #644830;
	--accent-2-darken-70: #4b3624;
	--accent-2-darken-80: #322418;
	--accent-2-darken-90: #19120c;
	--accent-3: #b51c42;
	--accent-3-lighten-90: #f8e9ed;
	--accent-3-lighten-80: #f1d2da;
	--accent-3-lighten-70: #e9bbc7;
	--accent-3-lighten-60: #e2a5b4;
	--accent-3-lighten-50: #da8ea1;
	--accent-3-lighten-40: #d3778e;
	--accent-3-lighten-30: #cc617b;
	--accent-3-lighten-20: #c44a68;
	--accent-3-lighten-10: #bd3355;
	--accent-3-darken-10: #a31a3c;
	--accent-3-darken-20: #911735;
	--accent-3-darken-30: #7f142f;
	--accent-3-darken-40: #6d1128;
	--accent-3-darken-50: #5b0e21;
	--accent-3-darken-60: #490c1b;
	--accent-3-darken-70: #370914;
	--accent-3-darken-80: #25060e;
	--accent-3-darken-90: #130307;
	--neutral-900: #212121;
	--neutral-800: #424242;
	--neutral-700: #616161;
	--neutral-600: #757575;
	--neutral-500: #9e9e9e;
	--neutral-400: #bdbdbd;
	--neutral-300: #e0e0e0;
	--neutral-200: #eeeeee;
	--neutral-100: #f5f5f5;
	--white-c: #ffffff;
	--black-c: #000000;
	--primary-c-dark: #1c002a;
	--primary-c-light-1: #6a3c7f;
	--primary-c-light-2: #f5f2f6;
	--secondary-c-dark: #be5d42;
	--secondary-c-light-1: #ffbd9d;
	--secondary-c-light-2: #fcf4f5;

}
/*
* === FLUID SIZES ===
*/
:root {
	--rem-val: 16;
}
/* Group 0: 480px - 1200px */
:root {
	--h1: 3.5rem;
	--h2: 3.5rem;
	--h3: 3rem;
	--h4: 2rem;
	--h5: 1.5rem;
	--h6: 1.125rem;
	--p: 1.125rem;
	--p-sm: 0.875rem;
	--sp-1: 0.25rem;
	--sp-2: 0.5rem;
	--sp-3: 0.75rem;
	--sp-4: 1rem;
	--sp-5: 1.25rem;
	--sp-6: 1.5rem;
	--sp-7: 1.75rem;
	--sp-8: 2rem;
	--sp-9: 2.25rem;
	--sp-10: 2.5rem;
	--sp-11: 2.75rem;
	--sp-12: 3rem;
	--sp-14: 3.5rem;
	--sp-16: 4rem;
	--sp-20: 5rem;
	--sp-24: 6rem;
	--sp-28: 7rem;
	--sp-32: 8rem;
	--sp-36: 9rem;
	--sp-40: 10rem;
	--sp-44: 11rem;
	--sp-48: 12rem;
	--sp-52: 13rem;
	--sp-56: 14rem;
	--sp-60: 15rem;
	--sp-64: 16rem;
	--sp-72: 18rem;
	--sp-80: 20rem;
	--sp-96: 24rem;
	--sp-xs: 0.375rem;
	--sp-s: 0.875rem;
	--sp-m: 1.25rem;
	--sp-l: 2.75rem;
	--sp-xl: 5rem;
	--sec-pad-lr: 1.5rem;
}
@media screen and (min-width: 480px) {
	:root {
		--h1: calc(3.5rem + ((100vw - 480px) / (1200 - 480)) * ((4.5 - 3.5) * var(--rem-val)));
		--h2: calc(3.5rem + ((100vw - 480px) / (1200 - 480)) * ((4 - 3.5) * var(--rem-val)));
		--h3: calc(3rem + ((100vw - 480px) / (1200 - 480)) * ((3.5 - 3) * var(--rem-val)));
		--h4: calc(2rem + ((100vw - 480px) / (1200 - 480)) * ((3 - 2) * var(--rem-val)));
		--h5: calc(1.5rem + ((100vw - 480px) / (1200 - 480)) * ((2 - 1.5) * var(--rem-val)));
		--h6: calc(1.125rem + ((100vw - 480px) / (1200 - 480)) * ((1.5 - 1.125) * var(--rem-val)));
		--p: calc(1.125rem + ((100vw - 480px) / (1200 - 480)) * ((1.125 - 1.125) * var(--rem-val)));
		--p-sm: calc(0.875rem + ((100vw - 480px) / (1200 - 480)) * ((1 - 0.875) * var(--rem-val)));
		--sp-1: calc(0.25rem + ((100vw - 480px) / (1200 - 480)) * ((0.375 - 0.25) * var(--rem-val)));
		--sp-2: calc(0.5rem + ((100vw - 480px) / (1200 - 480)) * ((0.625 - 0.5) * var(--rem-val)));
		--sp-3: calc(0.75rem + ((100vw - 480px) / (1200 - 480)) * ((0.875 - 0.75) * var(--rem-val)));
		--sp-4: calc(1rem + ((100vw - 480px) / (1200 - 480)) * ((1.25 - 1) * var(--rem-val)));
		--sp-5: calc(1.25rem + ((100vw - 480px) / (1200 - 480)) * ((1.5 - 1.25) * var(--rem-val)));
		--sp-6: calc(1.5rem + ((100vw - 480px) / (1200 - 480)) * ((1.75 - 1.5) * var(--rem-val)));
		--sp-7: calc(1.75rem + ((100vw - 480px) / (1200 - 480)) * ((2 - 1.75) * var(--rem-val)));
		--sp-8: calc(2rem + ((100vw - 480px) / (1200 - 480)) * ((2.25 - 2) * var(--rem-val)));
		--sp-9: calc(2.25rem + ((100vw - 480px) / (1200 - 480)) * ((2.5 - 2.25) * var(--rem-val)));
		--sp-10: calc(2.5rem + ((100vw - 480px) / (1200 - 480)) * ((2.75 - 2.5) * var(--rem-val)));
		--sp-11: calc(2.75rem + ((100vw - 480px) / (1200 - 480)) * ((3 - 2.75) * var(--rem-val)));
		--sp-12: calc(3rem + ((100vw - 480px) / (1200 - 480)) * ((3.5 - 3) * var(--rem-val)));
		--sp-14: calc(3.5rem + ((100vw - 480px) / (1200 - 480)) * ((4 - 3.5) * var(--rem-val)));
		--sp-16: calc(4rem + ((100vw - 480px) / (1200 - 480)) * ((5 - 4) * var(--rem-val)));
		--sp-20: calc(5rem + ((100vw - 480px) / (1200 - 480)) * ((6 - 5) * var(--rem-val)));
		--sp-24: calc(6rem + ((100vw - 480px) / (1200 - 480)) * ((7 - 6) * var(--rem-val)));
		--sp-28: calc(7rem + ((100vw - 480px) / (1200 - 480)) * ((8 - 7) * var(--rem-val)));
		--sp-32: calc(8rem + ((100vw - 480px) / (1200 - 480)) * ((9 - 8) * var(--rem-val)));
		--sp-36: calc(9rem + ((100vw - 480px) / (1200 - 480)) * ((10 - 9) * var(--rem-val)));
		--sp-40: calc(10rem + ((100vw - 480px) / (1200 - 480)) * ((11 - 10) * var(--rem-val)));
		--sp-44: calc(11rem + ((100vw - 480px) / (1200 - 480)) * ((12 - 11) * var(--rem-val)));
		--sp-48: calc(12rem + ((100vw - 480px) / (1200 - 480)) * ((13 - 12) * var(--rem-val)));
		--sp-52: calc(13rem + ((100vw - 480px) / (1200 - 480)) * ((14 - 13) * var(--rem-val)));
		--sp-56: calc(14rem + ((100vw - 480px) / (1200 - 480)) * ((15 - 14) * var(--rem-val)));
		--sp-60: calc(15rem + ((100vw - 480px) / (1200 - 480)) * ((16 - 15) * var(--rem-val)));
		--sp-64: calc(16rem + ((100vw - 480px) / (1200 - 480)) * ((18 - 16) * var(--rem-val)));
		--sp-72: calc(18rem + ((100vw - 480px) / (1200 - 480)) * ((20 - 18) * var(--rem-val)));
		--sp-80: calc(20rem + ((100vw - 480px) / (1200 - 480)) * ((24 - 20) * var(--rem-val)));
		--sp-96: calc(24rem + ((100vw - 480px) / (1200 - 480)) * ((26 - 24) * var(--rem-val)));
		--sp-xs: calc(0.375rem + ((100vw - 480px) / (1200 - 480)) * ((0.5 - 0.375) * var(--rem-val)));
		--sp-s: calc(0.875rem + ((100vw - 480px) / (1200 - 480)) * ((1 - 0.875) * var(--rem-val)));
		--sp-m: calc(1.25rem + ((100vw - 480px) / (1200 - 480)) * ((1.5 - 1.25) * var(--rem-val)));
		--sp-l: calc(2.75rem + ((100vw - 480px) / (1200 - 480)) * ((3 - 2.75) * var(--rem-val)));
		--sp-xl: calc(5rem + ((100vw - 480px) / (1200 - 480)) * ((6 - 5) * var(--rem-val)));
		--sec-pad-lr: calc(1.5rem + ((100vw - 480px) / (1200 - 480)) * ((3 - 1.5) * var(--rem-val)));
	}
}
@media screen and (min-width: 1200px) {
	:root {
		--h1: 4.5rem;
		--h2: 4rem;
		--h3: 3.5rem;
		--h4: 3rem;
		--h5: 2rem;
		--h6: 1.5rem;
		--p: 1.125rem;
		--p-sm: 1rem;
		--sp-1: 0.375rem;
		--sp-2: 0.625rem;
		--sp-3: 0.875rem;
		--sp-4: 1.25rem;
		--sp-5: 1.5rem;
		--sp-6: 1.75rem;
		--sp-7: 2rem;
		--sp-8: 2.25rem;
		--sp-9: 2.5rem;
		--sp-10: 2.75rem;
		--sp-11: 3rem;
		--sp-12: 3.5rem;
		--sp-14: 4rem;
		--sp-16: 5rem;
		--sp-20: 6rem;
		--sp-24: 7rem;
		--sp-28: 8rem;
		--sp-32: 9rem;
		--sp-36: 10rem;
		--sp-40: 11rem;
		--sp-44: 12rem;
		--sp-48: 13rem;
		--sp-52: 14rem;
		--sp-56: 15rem;
		--sp-60: 16rem;
		--sp-64: 18rem;
		--sp-72: 20rem;
		--sp-80: 24rem;
		--sp-96: 26rem;
		--sp-xs: 0.5rem;
		--sp-s: 1rem;
		--sp-m: 1.5rem;
		--sp-l: 3rem;
		--sp-xl: 6rem;
		--sec-pad-lr: 3rem;
	}
}
/*
* === VAR MAPS ===
*/
body {
	font-size: var(--p);
	line-height: 1.5;
}
h1 {
	font-size: var(--h1);
	line-height: 1;
}
h2 {
	font-size: var(--h2);
	line-height: 1;
}
h3 {
	font-size: var(--h3);
	line-height: 1;
}
h4 {
	font-size: var(--h4);
	line-height: 1.1;
}
h5 {
	font-size: var(--h5);
	line-height: 1.1;
}
h6 {
	font-size: var(--h6);
	line-height: 1.1;
}
.inner-div {
	padding-top: var(--sp-16);
	padding-bottom: var(--sp-16);
	padding-left: var(--sp-5);
	padding-right: var(--sp-5);
}