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

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

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

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

@font-face {
    font-family: 'Lato';
    src: url('../font/Lato-BoldItalic-webfont.eot');
    src: url('../font/Lato-BoldItalic-webfont?#iefix') format('embedded-opentype'),
         url('../font/Lato-BoldItalic-webfont.woff2') format('woff2'),
         url('../font/Lato-BoldItalic-webfont.woff') format('woff'),
         url('../font/Lato-BoldItalic-webfont.ttf') format('truetype'),
         url('../font/Lato-BoldItalic-webfont.svg#Lato') format('svg');
    font-weight: 700;
    font-style: italic;
}

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

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