@font-face {
    font-family: 'LatoBlack';
    font-style: normal;
    font-weight: 900;
    src: url('LatoBlack.eot');
    src: url('LatoBlack.woff') format('woff');
}

@font-face {
    font-family: 'LatoBold';
    font-style: normal;
    font-weight: 700;
    src: url('LatoBold.eot');
    src: url('LatoBold.woff') format('woff');
}

@font-face {
    font-family: 'LatoBoldJL';
    font-style: normal;
    font-weight: 700;
    src: url('LatoBold.eot');
    src: url('LatoBold.woff') format('woff');
}

@font-face {
    font-family: 'LatoBoldItalic';
    font-style: normal;
    font-weight: 700;
    src: url('LatoBoldItalic.eot');
    src: url('LatoBoldItalic.woff') format('woff');
}

@font-face {
    font-family: 'LatoRegular';
    font-style: normal;
    font-weight: 400;
    src: url('LatoRegular.eot');
    src: url('LatoRegular.woff') format('woff');
}

@font-face {
    font-family: 'LatoRegularJL';
    font-style: normal;
    font-weight: 400;
    src: url('LatoRegular.eot');
    src: url('LatoRegular.woff') format('woff');
}

@font-face {
    font-family: 'LatoRegularItalic';
    font-style: normal;
    font-weight: 400;
    src: url('LatoRegular.eot');
    src: url('LatoRegularItalic.woff') format('woff');
}

@font-face {
    font-family: 'LatoBook';
    font-style: normal;
    font-weight: 300;
    src: url('LatoBook.eot');
    src: url('LatoBook.woff') format('woff');
}

@font-face {
    font-family: 'LatoBookJL';
    font-style: normal;
    font-weight: 300;
    src: url('LatoBook.eot');
    src: url('LatoBook.woff') format('woff');
}