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

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

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

/* ====================== */
    @font-face {
    font-family: 'Liberation Serif';
    font-style: normal;
    font-weight: normal;
    src: local('Liberation Serif'), url('../fonts/liberation-serif/LiberationSerif-Regular.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Liberation Serif Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Liberation Serif Italic'), url('../fonts/liberation-serif/LiberationSerif-Italic.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Liberation Serif Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Liberation Serif Bold'), url('../fonts/liberation-serif/LiberationSerif-Bold.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Liberation Serif Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Liberation Serif Bold Italic'), url('../fonts/liberation-serif/LiberationSerif-BoldItalic.woff') format('woff');
    }