/* 100 — Hairline */
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato/Lato-Hairline.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato/Lato-HairlineItalic.woff2') format('woff2');
    font-weight: 100;
    font-style: italic;
}

/* 200 — Thin */
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato/Lato-Thin.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato/Lato-ThinItalic.woff2') format('woff2');
    font-weight: 200;
    font-style: italic;
}

/* 300 — Light */
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato/Lato-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato/Lato-LightItalic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
}

/* 400 — Regular */
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato/Lato-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato/Lato-Italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
}

/* 500 — Medium */
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato/Lato-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato/Lato-MediumItalic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
}

/* 600 — Semibold */
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato/Lato-Semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato/Lato-SemiboldItalic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
}

/* 700 — Bold */
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato/Lato-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato/Lato-BoldItalic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
}

/* 800 — Heavy */
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato/Lato-Heavy.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato/Lato-HeavyItalic.woff2') format('woff2');
    font-weight: 800;
    font-style: italic;
}

/* 900 — Black */
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato/Lato-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato/Lato-BlackItalic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
}