@font-face {
	font-family: 'SF Pro Display';
	src:  
		local('SF Pro Display'),
		url('../fonts/SFProDisplay-Light.eot') format('eot'),
		url('../fonts/SFProDisplay-Light.svg') format('svg'),
		url('../fonts/SFProDisplay-Light.ttf') format('ttf'),
		url('../fonts/SFProDisplay-Light.woff2') format('woff2');
	font-style: normal;
	font-weight: 300;
}
@font-face {
	font-family: 'SF Pro Display';
	src:  
		local('SF Pro Display'),
		url('../fonts/SFProDisplay-Regular.eot') format('eot'),
		url('../fonts/SFProDisplay-Regular.svg') format('svg'),
		url('../fonts/SFProDisplay-Regular.ttf') format('ttf'),
		url('../fonts/SFProDisplay-Regular.woff2') format('woff2');
	font-style: normal;
	font-weight: 400;
}
@font-face {
	font-family: 'SF Pro Display';
	src:  
		local('SF Pro Display'),
		url('../fonts/SFProDisplay-Bold.eot') format('eot'),
		url('../fonts/SFProDisplay-Bold.svg') format('svg'),
		url('../fonts/SFProDisplay-Bold.ttf') format('ttf'),
		url('../fonts/SFProDisplay-Bold.woff2') format('woff2');
	font-style: normal;
	font-weight: 500;
}
@font-face {
	font-family: 'SF Pro Display';
	src:  
		local('SF Pro Display'),
		url('../fonts/SFProDisplay-Heavy.eot') format('eot'),
		url('../fonts/SFProDisplay-Heavy.svg') format('svg'),
		url('../fonts/SFProDisplay-Heavy.ttf') format('ttf'),
		url('../fonts/SFProDisplay-Heavy.woff2') format('woff2');
	font-style: normal;
	font-weight: 700;
}
@import url('https://fonts.googleapis.com/css2?family="Roboto", sans-serif:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');