:root {
	--max-width: 1220px;
	--gutter: 25px;
	--gap: 25px;
	
	--color-blue: 0,51,153;
	--color-light-blue: 0,183,235;
	--color-gray: 120,127,132;
	--color-orange: 255,204,0;
	
	--font-size: 20px;
	--font-size-xsmall: 14px;
	--font-size-small: 16px;
	--font-size-medium: 24px;
	--font-size-big: 32px;
	--font-size-large: 46px;
	--font-size-huge: 52px;
}

@media (max-width: 575.98px) {
	:root {
		--gutter: 15px;
		--gap: 10px;
	}
}

@media (max-width: 991.98px) {
	:root {
		--font-size: 18px;
		--font-size-xsmall: 14px;
		--font-size-small: 14px;
		--font-size-medium: 20px;
		--font-size-big: 24px;
		--font-size-large: 28px;
		--font-size-huge: 32px;
	}
}

@media (min-width: 992px) {
	:root {
		--gutter: 40px;
		--gap: 30px;
	}
}

@media (min-width: 1200px) {
	
}