.y {outline: 1px solid red;}

:root {
	--font-size-xxs: 12px;
	--font-size-xs: 14px;
	--font-size-base: 16px;
	--font-size-sm: 18px;
	--font-size-md: 20px;
	--font-size-lg: 24px;
	--font-size-xl: 32px;
	--font-size-xxl: 40px;

	--line-height-sm: 110%;
	--line-height-md: 120%;
	--line-height-lg: 130%;
	--line-height-xl: 140%;

	--col-text: #3E3E3E;
	--col-text-alt: #676767;
	--col-input: #BEBEBE;
	--col-link: #1E599B;
	--col-blue: #2D465E;
	--col-light-blue: #B5DAFE;
	--col-service-bg: #E6EFF3;
	--col-white: #FFFFFF;
	--col-border: #CFD7DF;
	--col-border-alt: #D9D9D9;
	--col-border-btn: #E4BCBE;
	--col-article-bg: #F3F7F9;
	--col-copyright: #C5D1DA;
	--col-red: #F55C67;

	--col-gray-alt: #696969;

	--tr: .4s;
}


@media (max-width: 767px) {
	:root {
		--font-size-lg: 14px;
		--font-size-xxl: 32px;
	}
}