@font-face { font-family: 'SFProDisplay_r'; src: 
    url('../fonts/SFProDisplay-Regular.woff2') format('woff2'),
    url('../fonts/SFProDisplay-Regular.woff') format('woff'); 
    font-weight: 500; 
    font-style: normal; 
    font-display: swap; 
}
@font-face { font-family: 'SFProDisplay_b'; src: 
    url('../fonts/SFProDisplay-Bold.woff2') format('woff2'),
    url('../fonts/SFProDisplay-Bold.woff') format('woff'); 
    font-weight: 500; 
    font-style: normal; 
    font-display: swap; 
}
@font-face { font-family: 'SFProDisplay_semi'; src: 
    url('../fonts/SFProDisplay-Semibold.woff2') format('woff2'),
    url('../fonts/SFProDisplay-Semibold.woff') format('woff'); 
    font-weight: 500; 
    font-style: normal; 
    font-display: swap; 
}
@font-face { font-family: 'SFProDisplay_m'; src: 
    url('../fonts/SFProDisplay-Medium.woff2') format('woff2'),
    url('../fonts/SFProDisplay-Medium.woff') format('woff'); 
    font-weight: 500; 
    font-style: normal; 
    font-display: swap; 
}