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

@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-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: 700;
    font-style: italic
}

@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-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: 700;
    font-style: normal
}

@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-face {
    font-family: 'source serif pro';
    src: url(SourceSerifPro-Semibold.woff2) format('woff2'), url(SourceSerifPro-Semibold.woff) format('woff'), url(SourceSerifPro-Semibold.ttf) format('truetype');
    font-weight: 600;
    font-style: normal
}

@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: 400;
    font-style: normal
}

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

@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: 400;
    font-style: italic
}

@font-face {
    font-family: 'source serif pro';
    src: url(SourceSerifPro-Regular.woff2) format('woff2'), url(SourceSerifPro-Regular.woff) format('woff'), url(SourceSerifPro-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

@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-face {
    font-family: 'source serif pro';
    src: url(SourceSerifPro-Bold.woff2) format('woff2'), url(SourceSerifPro-Bold.woff) format('woff'), url(SourceSerifPro-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'source serif pro';
    src: url(SourceSerifPro-Light.ttf) format('truetype');
    font-weight: 300;
    font-style: normal
}