@font-face{
font-family:SFProDisplay;
font-display: swap;
src:url('../fonts/SFProDisplay-Regular.woff') format('woff');
font-weight:400}

@font-face{
font-family:SFProDisplay;
font-display: swap;
src:url('../fonts/SFProDisplay-Medium.woff') format('woff');
font-weight:700}

@font-face{
font-family:SFProDisplay;
font-display: swap;
src:url('../fonts/SFProDisplay-Heavy.woff') format('woff');
font-weight:800}

@font-face{
font-family:SFProDisplay;
font-display: swap;
src:url('../fonts/SFProDisplay-Black.woff') format('woff');
font-weight:900}

@font-face{
font-family:Roboto;
font-display: swap;
src:url('../fonts/Roboto-Regular.woff2') format('woff2');
font-weight:400}

@font-face{
font-family:Roboto;
font-display: swap;
src:url('../fonts/Roboto-Bold.woff2') format('woff2');
font-weight:700}

@font-face{
font-family:Roboto;
font-display: swap;
src:url('../fonts/Roboto-Black.woff2') format('woff2');
font-weight:900}

/* @font-face{
font-family:Roboto;
font-display: swap;
src:url('../fonts/Roboto-Light.woff2') format('woff2');
font-weight:400} */

@font-face{
font-family:Roboto;
font-display: swap;
src:url('../fonts/Roboto-Medium.woff2') format('woff2');
font-weight:500}