@font-face {
	font-family: 'Lato';
	src: local('Lato Black'), local('Lato-Black'),
		url('/fonts/Lato-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Lato Hairline';
	src: local('Lato-HairlineItalic'),
		url('/fonts/Lato-HairlineItalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Lato';
	src: local('Lato Regular'), local('Lato-Regular'),
		url('/fonts/Lato-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Lato Hairline';
	src: local('Lato-Hairline'),
		url('/fonts/Lato-Hairline.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Lato';
	src: local('Lato-Light'),
		url('/fonts/Lato-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Lato';
	src: local('Lato Bold'), local('Lato-Bold'),
		url('/fonts/Lato-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Lato';
	src: local('Lato Italic'), local('Lato-Italic'),
		url('/fonts/Lato-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Lato';
	src: local('Lato Bold Italic'), local('Lato-BoldItalic'),
		url('/fonts/Lato-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Lato';
	src: local('Lato-LightItalic'),
		url('/fonts/Lato-LightItalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Lato';
	src: local('Lato Black Italic'), local('Lato-BlackItalic'),
		url('/fonts/Lato-BlackItalic.ttf') format('truetype');
	font-weight: 900;
	font-style: italic;
	font-display: swap;
}