:root{
	--body-color-light: #f3f6fe;
	--body-color-dark: #d0d8ef;
	
	--active-color: #b2bdda;
	--highlight: #ff1a52;
	--nav-links: #1b1a19;
	--txt-light: #1b1a19;
	--color-light: #ffffff;
	--color-dark: #000000;
	--hover-color: #eff3ff;
	--footer-color: #120c34; 
	--footer-blk-color: #0a0527; 
	--block-hover: #342d5e;
	--badge-red: #aa324f;
	--block-hover-dark: #d2dbf6;
	--opened-block-color: #ecf1ff;
	--placeholder-color: #778899;
	--hdr-color: #120C34;
	
	--hdr-font: "Source Code Pro", monospace;
	--hdr-h1-size: 52px;
	--hdr-h1-weight: 500;
	--hdr-h2-size: 42px;
	--hdr-h2-weight: 500;
	--hdr-h4-size: 24px;
	
	--primary-font: "Source Sans 3", sans-serif;
	--extra-big-font-size: 28px;
	--big-font-size: 24px;
	--input-font-size: 22px;
	--prm-font-size: 18px;
	--regular-font-size: 16px;
	--small-font-size: 14px;
	
	--strong-weight: bold;
	--bold-weight: 600;
	--semi-weight: 500;
	
	--content-width: 1416px;
	--block-mid-width: 1176px;
	
	--stn-radius: 24px;
	--block-radius: 18px;
	--dialog-radius: 16px;
	--mid-radius: 14px;
	--semi-radius: 12px;
	--small-radius: 8px;
	--small-btn-radius: 6px;
}
html, body {
	font-size: var(--prm-font-size);
	padding: 0px;
	height: 100%;
	width: 100%;
	margin: 0; 
}
body {
	font-family: var(--primary-font);
	background-color: var(--body-color-light);
	font-optical-sizing: auto;
}
* {-moz-box-sizing:border-box; box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
* {white-space-collapse: discard; }

.hidden {
	display:none !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;	
}

@media (max-width: 1100px) {
	body{
		padding: 0 24px;
	}
}
@media (max-width: 850px) {
	:root{
		--hdr-h1-size: 30px;
		--hdr-h2-size: 30px;
	}		
}
@media (max-width: 600px) {
	:root{
		--hdr-h1-size: 20px;
		--hdr-h2-size: 20px;
		--big-font-size: 18px;
		--prm-font-size: 14px;
		--small-font-size: 12px;
	}		
}