:root{
	/* Font Family */
	--ff-body: "poppins", sans-serif;
	--ff-heading: 'cormorant garamond', Helvetica, Arial, sans-serif;
	--ff-hero: 'cormorant garamond', Helvetica, Arial, sans-serif;
		
	/*Font Size*/
	--fs-body: 1.125rem; /* 18px / 16 = 1.125rem */
	--fs-h6: calc(var(--fs-body) - 0.125rem); /* 2px / 16 = 0.125rem */
	--fs-h5: calc(var(--fs-body)); /* no change */
	--fs-h4: calc(var(--fs-body) + 0.25rem); /* 4px / 16 = 0.25rem */
	--fs-h3: calc(var(--fs-body) + 0.5rem); /* 8px / 16 = 0.5rem */
	--fs-h2: clamp(calc(var(--fs-body) + 1rem), 4vw, calc(var(--fs-body) + 2.1rem));  
	--fs-h2-sm: clamp(calc(var(--fs-body) + 1rem), 4vw, calc(var(--fs-body) + 2.1rem));
	--fs-h2-test: clamp(calc(var(--fs-body) + .2rem), 4vw, calc(var(--fs-body) + .7rem));
	--fs-hero: clamp(calc(var(--fs-body) + 1.5rem), 4vw, calc(var(--fs-body) + 2.8rem));  
	--fs-h1: clamp(calc(var(--fs-body) + 1.7rem), 4vw, calc(var(--fs-body) + 2.7rem)); 
	
	--fs-lg: clamp(1.5rem, 5vh, 2rem);
	--fs-xl: clamp(1em, 17vh, 5rem);
	
	/*Font Weight*/
	--fw-600: ;
	--fw-500: ;
	--fw-400: ;
	--fw-bolder: 1px 1px 0;
	
	/*Font Color*/
	--fc-primary-dark:32,60,110;
	--fc-primary-light:237,122,42;
	--fc-secondary-dark:0,139,58;
	--fc-secondary-light:;
	
	/*Section Padding Color*/
	--pd-xl:clamp(30px, 10vw, 100px);
	--pd-lg:clamp(30px, 15vw, 75px);
	--pd-sm:clamp(30px, 15vw, 80px);
	--pd-sm-hm-tb:clamp(30px, 15vw, 70px);
	--pd-sm-hm-lr:clamp(30px, 15vw, 35px);
	
	/*Grid Padding*/
	--pd-spec-s: clamp(30px, 10vw, 100px);
	--pd-spec-l: clamp(30px, 15vw, 300px);
	
	
}

@media (max-width: 700px) {
	:root{ /* Font Family */
	--ff-body: "poppins", sans-serif;
	--ff-heading: 'cormorant garamond', Helvetica, Arial, sans-serif;
	--ff-hero: 'cormorant garamond', Helvetica, Arial, sans-serif;
		
	/*Font Size*/
	--fs-body: 1.125rem; /* 18px / 16 = 1.125rem */
	--fs-h6: calc(var(--fs-body) - 0.125rem); /* 2px / 16 = 0.125rem */
	--fs-h5: calc(var(--fs-body)); /* no change */
	--fs-h4: calc(var(--fs-body) + 0.25rem); /* 4px / 16 = 0.25rem */
	--fs-h3: calc(var(--fs-body) + 0.5rem); /* 8px / 16 = 0.5rem */
	--fs-h2: clamp(calc(var(--fs-body) + 1rem), 4vw, calc(var(--fs-body) + 1.6rem));  /* 14px / 16 = 0.875rem */
	--fs-h1: clamp(calc(var(--fs-body) + 1.7rem), 4vw, calc(var(--fs-body) + 2.7rem)); /* 18px / 16 = 1.125rem */
	
	--fw-lg: clamp(1.5rem, 5vh, 2rem);
	--fw-xl: clamp(1em, 17vh, 5rem);
	
	/*Font Weight*/
	--fw-600: ;
	--fw-500: ;
	--fw-400: ;
	--fw-bolder: 1px 1px 0;
	
	
	
	
	
	}
	
}