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

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

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

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

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

@font-face {
    font-family: 'Lato';
    src: url('Lato-BoldItalic.woff2') format('woff2'),
        url('Lato-BoldItalic.woff') format('woff'),
        url('Lato-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

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

@font-face {
    font-family: 'Lato';
    src: url('Lato-BlackItalic.woff2') format('woff2'),
        url('Lato-BlackItalic.woff') format('woff'),
        url('Lato-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('Montserrat-Black.woff2') format('woff2'),
        url('Montserrat-Black.woff') format('woff'),
        url('Montserrat-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('Montserrat-Bold.woff2') format('woff2'),
        url('Montserrat-Bold.woff') format('woff'),
        url('Montserrat-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('Montserrat-ExtraBold.woff2') format('woff2'),
        url('Montserrat-ExtraBold.woff') format('woff'),
        url('Montserrat-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('Montserrat-BlackItalic.woff2') format('woff2'),
        url('Montserrat-BlackItalic.woff') format('woff'),
        url('Montserrat-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('Montserrat-BoldItalic.woff2') format('woff2'),
        url('Montserrat-BoldItalic.woff') format('woff'),
        url('Montserrat-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('Montserrat-ExtraLightItalic.woff2') format('woff2'),
        url('Montserrat-ExtraLightItalic.woff') format('woff'),
        url('Montserrat-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('Montserrat-ExtraLight.woff2') format('woff2'),
        url('Montserrat-ExtraLight.woff') format('woff'),
        url('Montserrat-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('Montserrat-ExtraBoldItalic.woff2') format('woff2'),
        url('Montserrat-ExtraBoldItalic.woff') format('woff'),
        url('Montserrat-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('Montserrat-Italic.woff2') format('woff2'),
        url('Montserrat-Italic.woff') format('woff'),
        url('Montserrat-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('Montserrat-Medium.woff2') format('woff2'),
        url('Montserrat-Medium.woff') format('woff'),
        url('Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('Montserrat-LightItalic.woff2') format('woff2'),
        url('Montserrat-LightItalic.woff') format('woff'),
        url('Montserrat-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('Montserrat-Light.woff2') format('woff2'),
        url('Montserrat-Light.woff') format('woff'),
        url('Montserrat-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('Montserrat-SemiBold.woff2') format('woff2'),
        url('Montserrat-SemiBold.woff') format('woff'),
        url('Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('Montserrat-Regular.woff2') format('woff2'),
        url('Montserrat-Regular.woff') format('woff'),
        url('Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('Montserrat-MediumItalic.woff2') format('woff2'),
        url('Montserrat-MediumItalic.woff') format('woff'),
        url('Montserrat-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('Montserrat-ThinItalic.woff2') format('woff2'),
        url('Montserrat-ThinItalic.woff') format('woff'),
        url('Montserrat-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('Montserrat-SemiBoldItalic.woff2') format('woff2'),
        url('Montserrat-SemiBoldItalic.woff') format('woff'),
        url('Montserrat-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('Montserrat-Thin.woff2') format('woff2'),
        url('Montserrat-Thin.woff') format('woff'),
        url('Montserrat-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face{font-family:SF-Pro-Display;font-style:normal;font-weight:900;font-display:swap;src:url(SF-Pro-Display-Black.otf)}
@font-face{font-family:SF-Pro-Display;font-style:italic;font-weight:900;font-display:swap;src:url(SF-Pro-Display-BlackItalic.otf)}
@font-face{font-family:SF-Pro-Display;font-style:normal;font-weight:600;font-display:swap;src:url(SF-Pro-Display-Bold.otf)}
@font-face{font-family:SF-Pro-Display;font-style:italic;font-weight:600;font-display:swap;src:url(SF-Pro-Display-BoldItalic.otf)}
@font-face{font-family:SF-Pro-Display;font-style:normal;font-weight:700;font-display:swap;src:url(SF-Pro-Display-SemiBold.otf)}
@font-face{font-family:SF-Pro-Display;font-style:italic;font-weight:700;font-display:swap;src:url(SF-Pro-Display-SemiBoldItalic.otf)}
@font-face{font-family:SF-Pro-Display;font-style:normal;font-weight:500;font-display:swap;src:url(SF-Pro-Display-Medium.otf)}
@font-face{font-family:SF-Pro-Display;font-style:italic;font-weight:500;font-display:swap;src:url(SF-Pro-Display-MediumItalic.otf)}
@font-face{font-family:SF-Pro-Display;font-style:normal;font-weight:400;font-display:swap;src:url(SF-Pro-Display-Regular.otf)}
@font-face{font-family:SF-Pro-Display;font-style:italic;font-weight:400;font-display:swap;src:url(SF-Pro-Display-RegularItalic.otf)}
@font-face{font-family:SF-Pro-Display;font-style:normal;font-weight:300;font-display:swap;src:url(SF-Pro-Display-Light.otf)}
@font-face{font-family:SF-Pro-Display;font-style:italic;font-weight:300;font-display:swap;src:url(SF-Pro-Display-LightItalic.otf)}
@font-face{font-family:SF-Pro-Display;font-style:normal;font-weight:100;font-display:swap;src:url(SF-Pro-Display-Thin.otf)}
@font-face{font-family:SF-Pro-Display;font-style:italic;font-weight:100;font-display:swap;src:url(SF-Pro-Display-ThinItalic.otf)}
@font-face{font-family:SF-Pro-Text;font-style:normal;font-weight:700;font-display:swap;src:url(SF-Pro-Text-Bold.otf)}
@font-face{font-family:SF-Pro-Text;font-style:italic;font-weight:700;font-display:swap;src:url(SF-Pro-Text-BoldItalic.otf)}
@font-face{font-family:SF-Pro-Text;font-style:normal;font-weight:600;font-display:swap;src:url(SF-Pro-Text-SemiBold.otf)}
@font-face{font-family:SF-Pro-Text;font-style:italic;font-weight:600;font-display:swap;src:url(SF-Pro-Text-SemiBoldItalic.otf)}
@font-face{font-family:SF-Pro-Text;font-style:normal;font-weight:500;font-display:swap;src:url(SF-Pro-Text-Medium.otf)}
@font-face{font-family:SF-Pro-Text;font-style:italic;font-weight:500;font-display:swap;src:url(SF-Pro-Text-MediumItalic.otf)}
@font-face{font-family:SF-Pro-Text;font-style:normal;font-weight:400;font-display:swap;src:url(SF-Pro-Text-Regular.otf)}
@font-face{font-family:SF-Pro-Text;font-style:italic;font-weight:400;font-display:swap;src:url(SF-Pro-Text-RegularItalic.otf)}
@font-face{font-family:SF-Pro-Text;font-style:normal;font-weight:300;font-display:swap;src:url(SF-Pro-Text-Light.otf)}
@font-face{font-family:SF-Pro-Text;font-style:italic;font-weight:300;font-display:swap;src:url(SF-Pro-Text-Light.otf)}