/* Fonts
==================================== */
@font-face{
	font-family: 'Inter-Regular';
	src: url('../fonts/Inter-Regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}
@font-face{
	font-family: 'Inter-Bold';
	src: url('../fonts/Inter-Bold.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

/* Texts
==================================== */
.font-large{
	font-size: var(--fs-large);
	line-height: var(--lh-large);
}
.bold{
	font-family: 'Inter-Bold', var(--font);
}

/* Vars
==================================== */
:root{
	--font: 'Inter-Regular', Helvetica, Arial, sans-serif;
	--fs: 12px;
	--lh: 1.2;
	--fs-large: 3.57142857143vw;
	--lh-large: 1;
}
@media (max-width: 1680px){
	:root{
		--fs-large: 60px;
	}
}
@media (max-width: 834px){
	:root{
		--fs-large: 5.33333333333vw;
		--lh-large: var(--lh);
	}
}
@media (max-width: 600px){
	:root{
		--fs-large: 32px;
	}
}