/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
## BEGIN > RESPONSIVE CONSTANT FOR CUSTOM PROPERTIES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
:root
{
	--text-base-size:calc(14px);
	--text-scale-ratio:1.25;
	--space-unit:calc(14px);
}
/*
@media (max-width: 1280px) {
	:root {--text-base-size:calc(13px);--text-scale-ratio:1.375;--space-unit:calc(13px);}
}
*/
/*
@media (min-width: 1281px) {
	:root {--text-base-size: 0.9em;--text-scale-ratio: 1.375;--space-unit: 1em;}
}
@media (min-width: 1200px) and (max-width: 1280px) {
	:root {--text-base-size: 0.9em;--text-scale-ratio: 1.375;--space-unit: 1em;}
}
@media (min-width: 1025px) and (max-width: 1280px) {
	:root {--text-base-size: 0.9em;--text-scale-ratio: 1.375;--space-unit: 0.9em;}
}
@media (max-width : 896px) and (min-height: 375px) {
	:root {--text-base-size: 0.75em;--text-scale-ratio: 1.175;--space-unit: 0.8em;}
}
@media (min-width: 768px) and (max-width: 1024px) {
	:root {--text-base-size: 0.75em;--text-scale-ratio: 1.25;--space-unit: 0.85em;}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	:root {--text-base-size: 0.75em;--text-scale-ratio: 1.25;--space-unit: 0.75em;}
}
@media (min-width: 481px) and (max-width: 767px) {
	:root {--text-base-size: 0.75em;--text-scale-ratio: 1.175;--space-unit: 0.6em;}
}
@media (min-width: 320px) and (max-width: 480px) {
	:root {--text-base-size: 0.75em;--text-scale-ratio: 1.1;--space-unit: 0.6em;}
}
*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
## CLOSE > RESPONSIVE CONSTANT FOR CUSTOM PROPERTIES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ************************************************** */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
## BEGIN > CUSTOM PROPERTIES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
:root {
	/* ## TEXT DIMENSIONS */
	--text-base: var(--text-base-size);
	--text-xs: calc((var(--text-base-size) / var(--text-scale-ratio)) / var(--text-scale-ratio));
	--text-sm: calc(var(--text-xs) * var(--text-scale-ratio));
	--text-md: calc(var(--text-sm) * var(--text-scale-ratio));
	--text-lg: calc(var(--text-md) * var(--text-scale-ratio));
	--text-xl: calc(var(--text-lg) * var(--text-scale-ratio));
	--text-xxl: calc(var(--text-xl) * var(--text-scale-ratio));
	--text-xxxl: calc(var(--text-xxl) * var(--text-scale-ratio));
	/* ## SPACE DIMENSIONS */
	--space-xxxxs: calc(0.125 * var(--space-unit));
	--space-xxxs: calc(0.25 * var(--space-unit));
	--space-xxs: calc(0.375 * var(--space-unit));
	--space-xs: calc(0.5 * var(--space-unit));
	--space-sm: calc(0.75 * var(--space-unit));
	--space-one: calc(1 * var(--space-unit));
	--space-md: calc(1.25 * var(--space-unit));
	--space-lg: calc(2 * var(--space-unit));
	--space-xl: calc(3.25 * var(--space-unit));
	--space-xxl: calc(5.25 * var(--space-unit));
	--space-xxxl: calc(8.75 * var(--space-unit));
	--space-xxxxl: calc(13.75 * var(--space-unit));
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
## CLOSE > CUSTOM PROPERTIES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ************************************************** */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
## BEGIN > SETTING GLOBAL ATTRIBUTES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
* {outline: none;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
body {
	width: 100%;		
	overflow-x: hidden;
	overflow-y: auto;
	margin: 0;
	padding: 0;
	font-family: "Montserrat",sans-serif;
	background-color: rgba(226, 226, 226, 1);
	font-size: var(--text-base-size);
	color: rgba(68, 68, 68, 1);
	-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
}
/* .pagecontent {min-height:100vh;} */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
## CLOSE > SETTING GLOBAL ATTRIBUTES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ************************************************** */