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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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