/* Smallest Viewer Devices */

@media (max-width: 599px)
	{
	/* All Web Engines */
	:root
		{
		/* General Values */
		--background-position-x: 6px;
		--background-position-y: 5px;
		--spacing-general-1: 7px;
		--spacing-general-2: 14px;
		--spacing-general-3: 21px;
		--tooltip-width-after: 141px;
		--tooltip-width-before: 3px;
		/* Content Values */
		--font-size-n1: 8px;
		--font-size-o0: var(--font-size-07);
		--font-size-p1: var(--font-size-08);
		--font-size-p2: var(--font-size-09);
		--font-size-p3: var(--font-size-10);
		--font-size-p4: var(--font-size-11);
		--letter-spacing-n1: normal;
		--letter-spacing-o0: var(--letter-spacing-07);
		--letter-spacing-p1: var(--letter-spacing-08);
		--letter-spacing-p2: var(--letter-spacing-09);
		--letter-spacing-p3: var(--letter-spacing-10);
		--letter-spacing-p4: var(--letter-spacing-11);
		--line-height-n1: 12px;
		--line-height-o0: var(--line-height-07);
		--line-height-p1: var(--line-height-08);
		--line-height-p2: var(--line-height-09);
		--line-height-p3: var(--line-height-10);
		--line-height-p4: var(--line-height-11);
		--spacing-bottom-n1: 3px;
		--spacing-bottom-o0: var(--spacing-bottom-07);
		--spacing-bottom-p1: var(--spacing-bottom-08);
		--spacing-bottom-p2: var(--spacing-bottom-09);
		--spacing-bottom-p3: var(--spacing-bottom-10);
		--spacing-bottom-p4: var(--spacing-bottom-11);
		--spacing-top-n1: 3px;
		--spacing-top-o0: var(--spacing-top-07);
		--spacing-top-p1: var(--spacing-top-08);
		--spacing-top-p2: var(--spacing-top-09);
		--spacing-top-p3: var(--spacing-top-10);
		--spacing-top-p4: var(--spacing-top-11);
		/**/
		}
	/**/
	}
	
/* Smaller Viewer Devices */

@media (min-width: 600px) and (max-width: 799px)
	{
	/* All Web Engines */
	:root
		{
		/* General Values */
		--background-position-x: 7px;
		--background-position-y: 5px;
		--spacing-general-1: 8px;
		--spacing-general-2: 16px;
		--spacing-general-3: 24px;
		--tooltip-width-after: 160px;
		--tooltip-width-before: 4px;
		/* Content Values */
		--font-size-n1: var(--font-size-07);
		--font-size-o0: var(--font-size-08);
		--font-size-p1: var(--font-size-09);
		--font-size-p2: var(--font-size-10);
		--font-size-p3: var(--font-size-11);
		--font-size-p4: var(--font-size-12);
		--letter-spacing-n1: var(--letter-spacing-07);
		--letter-spacing-o0: var(--letter-spacing-08);
		--letter-spacing-p1: var(--letter-spacing-09);
		--letter-spacing-p2: var(--letter-spacing-10);
		--letter-spacing-p3: var(--letter-spacing-11);
		--letter-spacing-p4: var(--letter-spacing-12);
		--line-height-n1: var(--line-height-07);
		--line-height-o0: var(--line-height-08);
		--line-height-p1: var(--line-height-09);
		--line-height-p2: var(--line-height-10);
		--line-height-p3: var(--line-height-11);
		--line-height-p4: var(--line-height-12);
		--spacing-bottom-n1: var(--spacing-bottom-07);
		--spacing-bottom-o0: var(--spacing-bottom-08);
		--spacing-bottom-p1: var(--spacing-bottom-09);
		--spacing-bottom-p2: var(--spacing-bottom-10);
		--spacing-bottom-p3: var(--spacing-bottom-11);
		--spacing-bottom-p4: var(--spacing-bottom-12);
		--spacing-top-n1: var(--spacing-top-07);
		--spacing-top-o0: var(--spacing-top-08);
		--spacing-top-p1: var(--spacing-top-09);
		--spacing-top-p2: var(--spacing-top-10);
		--spacing-top-p3: var(--spacing-top-11);
		--spacing-top-p4: var(--spacing-top-12);
		/**/
		}
	/**/
	}
	
/* Larger Viewer Devices */

@media (min-width: 800px) and (max-width: 999px)
	{
	/* All Web Engines */
	:root
		{
		/* General Values */
		--background-position-x: 8px;
		--background-position-y: 6px;
		--spacing-general-1: 9px;
		--spacing-general-2: 18px;
		--spacing-general-3: 27px;
		--tooltip-width-after: 181px;
		--tooltip-width-before: 5px;
		/* Content Values */
		--font-size-n1: var(--font-size-08);
		--font-size-o0: var(--font-size-09);
		--font-size-p1: var(--font-size-10);
		--font-size-p2: var(--font-size-11);
		--font-size-p3: var(--font-size-12);
		--font-size-p4: var(--font-size-13);
		--letter-spacing-n1: var(--letter-spacing-08);
		--letter-spacing-o0: var(--letter-spacing-09);
		--letter-spacing-p1: var(--letter-spacing-10);
		--letter-spacing-p2: var(--letter-spacing-11);
		--letter-spacing-p3: var(--letter-spacing-12);
		--letter-spacing-p4: var(--letter-spacing-13);
		--line-height-n1: var(--line-height-08);
		--line-height-o0: var(--line-height-09);
		--line-height-p1: var(--line-height-10);
		--line-height-p2: var(--line-height-11);
		--line-height-p3: var(--line-height-12);
		--line-height-p4: var(--line-height-13);
		--spacing-bottom-n1: var(--spacing-bottom-08);
		--spacing-bottom-o0: var(--spacing-bottom-09);
		--spacing-bottom-p1: var(--spacing-bottom-10);
		--spacing-bottom-p2: var(--spacing-bottom-11);
		--spacing-bottom-p3: var(--spacing-bottom-12);
		--spacing-bottom-p4: var(--spacing-bottom-13);
		--spacing-top-n1: var(--spacing-top-08);
		--spacing-top-o0: var(--spacing-top-09);
		--spacing-top-p1: var(--spacing-top-10);
		--spacing-top-p2: var(--spacing-top-11);
		--spacing-top-p3: var(--spacing-top-12);
		--spacing-top-p4: var(--spacing-top-13);
		/**/
		}
	/**/
	}
	
/* Largest Viewer Devices */

@media (min-width: 1000px)
	{
	/* All Web Engines */
	:root
		{
		/* General Values */
		--background-position-x: 9px;
		--background-position-y: 6px;
		--spacing-general-1: 10px;
		--spacing-general-2: 20px;
		--spacing-general-3: 30px;
		--tooltip-width-after: 200px;
		--tooltip-width-before: 6px;
		/* Content Values */
		--font-size-n1: var(--font-size-09);
		--font-size-o0: var(--font-size-10);
		--font-size-p1: var(--font-size-11);
		--font-size-p2: var(--font-size-12);
		--font-size-p3: var(--font-size-13);
		--font-size-p4: var(--font-size-14);
		--letter-spacing-n1: var(--letter-spacing-09);
		--letter-spacing-o0: var(--letter-spacing-10);
		--letter-spacing-p1: var(--letter-spacing-11);
		--letter-spacing-p2: var(--letter-spacing-12);
		--letter-spacing-p3: var(--letter-spacing-13);
		--letter-spacing-p4: var(--letter-spacing-14);
		--line-height-n1: var(--line-height-09);
		--line-height-o0: var(--line-height-10);
		--line-height-p1: var(--line-height-11);
		--line-height-p2: var(--line-height-12);
		--line-height-p3: var(--line-height-13);
		--line-height-p4: var(--line-height-14);
		--spacing-bottom-n1: var(--spacing-bottom-09);
		--spacing-bottom-o0: var(--spacing-bottom-10);
		--spacing-bottom-p1: var(--spacing-bottom-11);
		--spacing-bottom-p2: var(--spacing-bottom-12);
		--spacing-bottom-p3: var(--spacing-bottom-13);
		--spacing-bottom-p4: var(--spacing-bottom-14);
		--spacing-top-n1: var(--spacing-top-09);
		--spacing-top-o0: var(--spacing-top-10);
		--spacing-top-p1: var(--spacing-top-11);
		--spacing-top-p2: var(--spacing-top-12);
		--spacing-top-p3: var(--spacing-top-13);
		--spacing-top-p4: var(--spacing-top-14);
		/**/
		}
	/**/
	}
	
/**/