@font-face {
	font-family: 'SF-Pro-Light'; 
	src: url(/boert/3DVisuals/fonts/SF-Pro-Display-Light.otf); 
}
@font-face {
	font-family: 'SF-Pro-Regular'; 
	src: url(/boert/3DVisuals/fonts/SF-Pro-Display-Regular.otf); 
}
@font-face {
	font-family: 'SF-Pro-Medium'; 
	src: url(/boert/3DVisuals/fonts/SF-Pro-Display-Medium.otf); 
}
@font-face {
	font-family: 'SF-Pro-Semibold'; 
	src: url(/boert/3DVisuals/fonts/SF-Pro-Display-Semibold.otf); 
}
@font-face {
	font-family: 'SF-Pro-Bold'; 
	src: url(/boert/3DVisuals/fonts/SF-Pro-Display-Bold.otf); 
}
@font-face {
	font-family: 'SF-Pro-Black'; 
	src: url(/boert/3DVisuals/fonts/SF-Pro-Display-Black.otf); 
}
@font-face {
	font-family: 'SF-Pro-Heavy'; 
	src: url(/boert/3DVisuals/fonts/SF-Pro-Display-Heavy.otf); 
}

:root{
    --font-f-btn:'SF-Pro-Regular'; 
    --font-f-all:'SF-Pro-Regular'; 

    --font-f-heavy:'SF-Pro-Heavy';  
    --font-f-black:'SF-Pro-Black'; 
    --font-f-bold:'SF-Pro-Bold'; 
    --font-f-semibold:'SF-Pro-Semibold'; 
    --font-f-medium:'SF-Pro-Medium'; 
    --font-f-regular:'SF-Pro-Regular';

    --fs-normal:14px;

    --font-size-logo:24px;
}