/*
* === THEME COLORS ===
*/
:root {
	--aqua: #07B7CD;
	--aqua-lighten-90: #e7f8fa;
	--aqua-lighten-80: #cef1f5;
	--aqua-lighten-70: #b5eaf0;
	--aqua-lighten-60: #9ce3eb;
	--aqua-lighten-50: #83dbe6;
	--aqua-lighten-40: #6bd4e1;
	--aqua-lighten-30: #52cddc;
	--aqua-lighten-20: #39c6d7;
	--aqua-lighten-10: #20bfd2;
	--aqua-darken-10: #07a5b9;
	--aqua-darken-20: #0693a4;
	--aqua-darken-30: #058190;
	--aqua-darken-40: #056e7b;
	--aqua-darken-50: #045c67;
	--aqua-darken-60: #034a52;
	--aqua-darken-70: #03373e;
	--aqua-darken-80: #022529;
	--aqua-darken-90: #011315;
	--aqua-opacity-10: rgba(7,183,205,.1);
	--aqua-opacity-20: rgba(7,183,205,.2);
	--aqua-opacity-30: rgba(7,183,205,.3);
	--aqua-opacity-40: rgba(7,183,205,.4);
	--aqua-opacity-50: rgba(7,183,205,.5);
	--aqua-opacity-60: rgba(7,183,205,.6);
	--aqua-opacity-70: rgba(7,183,205,.7);
	--aqua-opacity-80: rgba(7,183,205,.8);
	--aqua-opacity-90: rgba(7,183,205,.9);
	--purple: #04446f;
	--purple-lighten-90: #e6edf1;
	--purple-lighten-80: #cddae3;
	--purple-lighten-70: #b4c7d4;
	--purple-lighten-60: #9bb5c6;
	--purple-lighten-50: #82a2b7;
	--purple-lighten-40: #698fa9;
	--purple-lighten-30: #507d9b;
	--purple-lighten-20: #376a8c;
	--purple-lighten-10: #1e577e;
	--purple-darken-10: #043e64;
	--purple-darken-20: #043759;
	--purple-darken-30: #03304e;
	--purple-darken-40: #032943;
	--purple-darken-50: #022238;
	--purple-darken-60: #021c2d;
	--purple-darken-70: #021522;
	--purple-darken-80: #010e17;
	--purple-darken-90: #01070c;
	--purple-opacity-10: rgba(4,68,111,.1);
	--purple-opacity-20: rgba(4,68,111,.2);
	--purple-opacity-30: rgba(4,68,111,.3);
	--purple-opacity-40: rgba(4,68,111,.4);
	--purple-opacity-50: rgba(4,68,111,.5);
	--purple-opacity-60: rgba(4,68,111,.6);
	--purple-opacity-70: rgba(4,68,111,.7);
	--purple-opacity-80: rgba(4,68,111,.8);
	--purple-opacity-90: rgba(4,68,111,.9);
	--blue: #0288d1;
	--blue-lighten-90: #e6f4fb;
	--blue-lighten-80: #cde8f6;
	--blue-lighten-70: #b4dcf2;
	--blue-lighten-60: #9ad0ed;
	--blue-lighten-50: #81c4e8;
	--blue-lighten-40: #68b8e4;
	--blue-lighten-30: #4eacdf;
	--blue-lighten-20: #35a0db;
	--blue-lighten-10: #1c94d6;
	--blue-darken-10: #027bbd;
	--blue-darken-20: #026da8;
	--blue-darken-30: #026093;
	--blue-darken-40: #02527e;
	--blue-darken-50: #014469;
	--blue-darken-60: #013754;
	--blue-darken-70: #01293f;
	--blue-darken-80: #011c2a;
	--blue-darken-90: #010e15;
	--light-blue: #98deff;
	--light-blue-lighten-90: #f5fcff;
	--light-blue-lighten-80: #ebf9ff;
	--light-blue-lighten-70: #e1f6ff;
	--light-blue-lighten-60: #d6f2ff;
	--light-blue-lighten-50: #ccefff;
	--light-blue-lighten-40: #c2ecff;
	--light-blue-lighten-30: #b7e8ff;
	--light-blue-lighten-20: #ade5ff;
	--light-blue-lighten-10: #a3e2ff;
	--light-blue-darken-10: #89c8e6;
	--light-blue-darken-20: #7ab2cc;
	--light-blue-darken-30: #6b9cb3;
	--light-blue-darken-40: #5c8699;
	--light-blue-darken-50: #4c6f80;
	--light-blue-darken-60: #3d5966;
	--light-blue-darken-70: #2e434d;
	--light-blue-darken-80: #1f2d33;
	--light-blue-darken-90: #10171a;
	--off-white: #f9f9f9;
	--off-white-darken-10: #e1e1e1;
	--off-white-darken-20: #c8c8c8;
	--off-white-darken-30: #afafaf;
	--off-white-darken-40: #969696;
	--off-white-darken-50: #7d7d7d;
	--off-white-darken-60: #646464;
	--off-white-darken-70: #4b4b4b;
	--off-white-darken-80: #323232;
	--off-white-darken-90: #191919;
	--dark-gray: #4f535a;
	--dark-gray-lighten-90: #eeeeef;
	--dark-gray-lighten-80: #dcddde;
	--dark-gray-lighten-70: #cbccce;
	--dark-gray-lighten-60: #b9bbbd;
	--dark-gray-lighten-50: #a7a9ad;
	--dark-gray-lighten-40: #96989c;
	--dark-gray-lighten-30: #84878c;
	--dark-gray-lighten-20: #73767b;
	--dark-gray-lighten-10: #61656b;

}
/*
* === FLUID SIZES ===
*/
:root {
	--rem-val: 16;
}
/* Group 0: 480px - 1200px */
:root {
	--h1: 4rem;
	--h2: 3.5rem;
	--h3: 3rem;
	--h4: 2rem;
	--h5: 1.5rem;
	--h6: 1.125rem;
	--p: 1.125rem;
	--small: 0.875rem;
	--space-10: 4.5rem;
	--space-3: 1rem;
}
@media screen and (min-width: 480px) {
	:root {
		--h1: calc(4rem + ((100vw - 480px) / (1200 - 480)) * ((4.5 - 4) * 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)));
		--small: calc(0.875rem + ((100vw - 480px) / (1200 - 480)) * ((1 - 0.875) * var(--rem-val)));
		--space-10: calc(4.5rem + ((100vw - 480px) / (1200 - 480)) * ((5 - 4.5) * var(--rem-val)));
		--space-3: calc(1rem + ((100vw - 480px) / (1200 - 480)) * ((1.5 - 1) * 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;
		--small: 1rem;
		--space-10: 5rem;
		--space-3: 1.5rem;
	}
}
/*
* === VAR MAPS ===
*/
body {
	font-size: var(--p);
	line-height: 1.5;
}
h1 {
	font-size: var(--h1);
	line-height: 1.0;
}
h2 {
	font-size: var(--h2);
	line-height: 1.0;
}
h3 {
	font-size: var(--h3);
	line-height: 1.0;
}
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;
}
.ct-section-inner-wrap {
	padding-top: var(--space-10);
	padding-bottom: var(--space-10);
	padding-left: var(--space-3);
	padding-right: var(--space-3);
}
.inner-div {
	padding-top: var(--space-10);
	padding-bottom: var(--space-10);
	padding-right: var(--space-3);
	padding-left: var(--space-3);
}
