:root {
	--font-default:'IntroRegular';
	--font-bold:'IntroBold';

	--color-black:#111;
	--color-grey: #7D7D7D;	
	--color-grey-E4: #E4E4E4; 
	--color-grey-F0: #F0F0F0;
	--color-blue: #5AB4EA;
	--color-green: #B6C92F;
	--color-red: #ED6C76;

	
	--text-p-large:20px;
	--text-p-medium:16px;
	--text-p-small:14px;
	--text-h1-large: 72px;
	--text-h1: 56px;
	--text-h2:32px;
	--text-h3: 24px;
	--text-h4: 20px;
	
	--space-30:30px; 
	--space-45:45px; 
	--space-60:60px; 
	--space-90:90px; 
	--space-150:150px; 
	--space-180:180px; 
	
}

@media screen and (max-width:1250px){
	:root {
		--text-p-large:18px;
		--text-p-medium:16px;
		--text-p-small:14px;
		--text-h1-large: 62px;
		--text-h1: 50px;
		--text-h2:28px;
		--text-h3: 22px;
		--text-h4: 18px;
	}
}


@media screen and (max-width:992px){
	:root {
		--text-p-large:16px;
		--text-p-medium:14px;
		--text-p-small:12px;
		--text-h1-large: 45px;
		--text-h1: 38px;
		--text-h2:24px;
		--text-h3: 20px;
		--text-h4: 18px;
	}	
}

@media screen and (max-width:767px){
	:root {
		--text-p-large:16px;
		--text-p-medium:14px;
		--text-p-small:12px;
		--text-h1-large: 32px;
		--text-h1: 28px;
		--text-h2:22px;
		--text-h3: 20px;
		--text-h4: 18px;
	}	
}