/* -------------------------------------------------- */

/*   $ > AOX Font-size (v1.3) - 24/03/21

/* -------------------------------------------------- */

/***

1920px > 768px => Fluid
767px > 520px => Fixed
519px > 320px => Fluid

(*) 1366px = Content = margin left (45px) + content width (1276px) + margin right (45px)

***/

/* ======================================== */
/*  Font-size
/* ======================================== */

/*** Init ***/

:root {
    --aox-fs-max-width: 1920;
	--aox-fs-min-width: calc(var(--aox-fs-max-width) * 0.75);
	--aox-fs-viewport-width: 1920px;
	}

@media screen and (max-width: 1920px) {
	:root {
		--aox-fs-viewport-width: 100vw;
		}
	}

@media screen and (max-width: 767px) {
	:root {
		--aox-fs-max-width: 420;
		--aox-fs-min-width: 320;
		--aox-fs-viewport-width: 520px;
		}
	}

@media screen and (max-width: 520px) {
	:root {
		--aox-fs-viewport-width: 100vw;
		}
	}

/*** Calculation(s) ***/

:root {
	--aox-fs-resize: calc(
		(var(--aox-fs-viewport-width) - (var(--aox-fs-min-width) * 1px)) /
		(var(--aox-fs-max-width) - var(--aox-fs-min-width))
		);
	}

/*** Size(s) ***/

:root {
	
	--aox-fs-10px: calc(0.5625rem + (10 - 9) * var(--aox-fs-resize));
	--aox-fs-12px: calc(0.625rem + (12 - 10) * var(--aox-fs-resize));
	--aox-fs-14px: calc(0.75rem + (14 - 12) * var(--aox-fs-resize));
	--aox-fs-16px: calc(0.875rem + (16 - 14) * var(--aox-fs-resize));
	--aox-fs-18px: calc(0.9375rem + (18 - 15) * var(--aox-fs-resize));
	--aox-fs-20px: calc(1.0625rem + (20 - 17) * var(--aox-fs-resize));
	
	--aox-fs-22px: calc(1.125rem + (22 - 18) * var(--aox-fs-resize));
	--aox-fs-24px: calc(1.1875rem + (24 - 19) * var(--aox-fs-resize));
	--aox-fs-26px: calc(1.3125rem + (26 - 21) * var(--aox-fs-resize));
	--aox-fs-28px: calc(1.375rem + (28 - 22) * var(--aox-fs-resize));
	--aox-fs-30px: calc(1.5rem + (30 - 24) * var(--aox-fs-resize));
	
	--aox-fs-34px: calc(1.625rem + (34 - 26) * var(--aox-fs-resize));
	--aox-fs-36px: calc(1.6875rem + (36 - 27) * var(--aox-fs-resize));
	--aox-fs-38px: calc(1.8125rem + (38 - 29) * var(--aox-fs-resize));
	--aox-fs-40px: calc(1.875rem + (40 - 30) * var(--aox-fs-resize));
	--aox-fs-42px: calc(2rem + (42 - 32) * var(--aox-fs-resize));
	--aox-fs-46px: calc(2.1875rem + (46 - 35) * var(--aox-fs-resize));
	--aox-fs-50px: calc(2.3725rem + (50 - 38) * var(--aox-fs-resize));
	
	--aox-fs-56px: calc(2.4375rem + (56 - 39) * var(--aox-fs-resize));
	--aox-fs-60px: calc(2.625rem + (60 - 40) * var(--aox-fs-resize));
	--aox-fs-70px: calc(3.0625rem + (70 - 49) * var(--aox-fs-resize));
	--aox-fs-80px: calc(3.3rem + (80 - 56) * var(--aox-fs-resize));
	--aox-fs-90px: calc(3.9375rem + (90 - 63) * var(--aox-fs-resize));
	--aox-fs-100px: calc(4.375rem + (100 - 70) * var(--aox-fs-resize));

	--aox-fs-120px: calc(5.25rem + (120 - 84) * var(--aox-fs-resize));
	--aox-fs-150px: calc(6.5625rem + (150 - 105) * var(--aox-fs-resize));
	
	}