:root {

	touch-action: pan-x pan-y;
	height: 100%;
	-webkit-tap-highlight-color: transparent;
	
	--br1: 4px;
	--br2: 8px;
	--br3: 24px;
	
	--pb1: 16px;
	--pb2: 24px;
	--pb3: 32px;
	
	--t6: 50.76px;
	--t5: 35.25px;
	--t4: 24.48px;
	--t3: 20.4px;
	--t2: 17px;
	--t1: 12.50px;
	
	--c5: #000000;
	--c4: #4f4f4f;
	--c3: #e7e7e7;
	--c2: #f6f6f6;
	--c1: #FFFFFF;
	
	--ka: #B80A12;
	--kac: #FFFFFF;
	--kal: #ffdee0;
	--kam: #ff999e;
	
	--kb: #fcfbee;
	--kbc: #B80A12;
	
	--filter-co: invert(0%) sepia(89%) saturate(7457%) hue-rotate(326deg) brightness(92%) contrast(111%);
	--filter-ka: invert(32%) sepia(30%) saturate(7468%) hue-rotate(244deg) brightness(91%) contrast(100%);
	
	--shadow-1: rgba(50, 50, 93, 0.25) 0px 1px 5px -2px, rgba(0, 0, 0, 0.3) 0px 1px 2px -1px;
	--overlay: rgba(0,0,0,0.4);
	
	--logo-header-height: 48px; 
	
	--font-family: Roboto;
	
}

@media (max-width: 800px) {
	
	:root {
		
		--br1: 4px;
		--br2: 8px;
		--br3: 24px;
		
		--pb1: 16px;
		--pb2: 24px;
		--pb3: 32px;
		
		--t6: 39.06px;
		--t5: 25.39px;
		--t4: 20.16px;
		--t3: 16.8px;
		--t2: 14px;
		--t1: 11.67px;
		
		--logo-header-height: 40px; 
		
	}
	
}