@font-face {
    font-family: 'Lato';
    font-weight: 300;
    font-style: normal;
    src: url('fonts/Lato/Lato-300/Lato-300.eot');
    src: url('fonts/Lato/Lato-300/Lato-300.eot?#iefix') format('embedded-opentype'),
        local('Lato Light'),
        local('Lato-300'),
        url('fonts/Lato/Lato-300/Lato-300.woff2') format('woff2'),
        url('fonts/Lato/Lato-300/Lato-300.woff') format('woff'),
        url('fonts/Lato/Lato-300/Lato-300.ttf') format('truetype'),
        url('fonts/Lato/Lato-300/Lato-300.svg#Lato') format('svg');
}

@font-face {
    font-family: 'Lato';
    font-weight: 400;
    font-style: normal;
    src: url('fonts/Lato/Lato-regular/Lato-regular.eot');
    src: url('fonts/Lato/Lato-regular/Lato-regular.eot?#iefix') format('embedded-opentype'),
        local('Lato Regular'),
        local('Lato-regular'),
        url('fonts/Lato/Lato-regular/Lato-regular.woff2') format('woff2'),
        url('fonts/Lato/Lato-regular/Lato-regular.woff') format('woff'),
        url('fonts/Lato/Lato-regular/Lato-regular.ttf') format('truetype'),
        url('fonts/Lato/Lato-regular/Lato-regular.svg#Lato') format('svg');
}