@font-face {
    font-family: 'Lato';
    src: local('Lato-Hairline'), url('../fonts/Lato-Hairline.woff') format('woff');
    font-weight: 100;
}
@font-face {
    font-family: 'Lato';
    src: local('Lato-Light'), url('../fonts/Lato-Light.woff') format('woff');
    font-weight: 300;
}
@font-face {
    font-family: 'Lato';
    src: local('Lato-Regular'), url('../fonts/Lato-Regular.woff') format('woff');
    font-weight: 400;
}
@font-face {
    font-family: 'Lato';
    src: local('Lato-Medium'), url('../fonts/Lato-Medium.woff')  format('woff');
    font-weight: 500;
}
@font-face {
    font-family: 'Lato';
    src: local('Lato-Semibold'), url('../fonts/Lato-Semibold.woff') format('woff');
    font-weight: 600;
}
@font-face {
    font-family: 'Lato';
    src: local('Lato-Bold'), url('../fonts/Lato-Bold.woff')  format('woff');
    font-weight: 700;
}
@font-face {
    font-family: 'Lato';
    src: local('Lato-Heavy'), url('../fonts/Lato-Heavy.woff') format('woff');
    font-weight: 800;
}
@font-face {
    font-family: 'Lato';
    src: local('Lato-Black'), url('../fonts/Lato-Black.woff') format('woff');
    font-weight: 900;
}