@font-face {
	font-family: 'Clario';
	font-style: normal;
	font-weight: 100;
	src: url('Clario-Air.ttf');
}

@font-face {
	font-family: 'Clario';
	font-style: italic;
	font-weight: 100;
	src: url('Clario-AirItalic.ttf');
}

@font-face {
	font-family: 'Clario';
	font-style: normal;
	font-weight: 200;
	src: url('Clario-Thin.ttf');
}

@font-face {
	font-family: 'Clario';
	font-style: italic;
	font-weight: 200;
	src: url('Clario-ThinItalic.ttf');
}

@font-face {
	font-family: 'Clario';
	font-style: normal;
	font-weight: 300;
	src: url('Clario-Light.ttf');
}

@font-face {
	font-family: 'Clario';
	font-style: italic;
	font-weight: 300;
	src: url('Clario-LightItalic.ttf');
}

@font-face {
	font-family: 'Clario';
	font-style: normal;
	font-weight: 400;
	src: url('Clario-Regular.ttf');
}

@font-face {
	font-family: 'Clario';
	font-style: italic;
	font-weight: 400;
	src: url('Clario-RegularItalic.ttf');
}

@font-face {
	font-family: 'Clario';
	font-style: normal;
	font-weight: 600;
	src: url('Clario-Medium.ttf');
}

@font-face {
	font-family: 'Clario';
	font-style: italic;
	font-weight: 600;
	src: url('Clario-MediumItalic.ttf');
}

@font-face {
	font-family: 'Clario';
	font-style: normal;
	font-weight: 700;
	src: url('Clario-Bold.ttf');
}

@font-face {
	font-family: 'Clario';
	font-style: italic;
	font-weight: 700;
	src: url('Clario-BoldItalic.ttf');
}

@font-face {
	font-family: 'Clario';
	font-style: normal;
	font-weight: 900;
	src: url('Clario-Black.ttf');
}

@font-face {
	font-family: 'Clario';
	font-style: italic;
	font-weight: 900;
	src: url('Clario-BlackItalic.ttf');
}