@font-face {
    font-family: 'Muli';
    src: url('../fonts/MuliRegular.eot');
    src: local('MuliRegular'), local('Muli Regular'),
         url('../fonts/MuliRegular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MuliRegular.woff') format('woff'),
         url('../fonts/MuliRegular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Muli';
    src: url('../fonts/MuliItalic.eot');
    src: local('MuliItalic'), local('Muli Italic'), 
         url('../fonts/MuliItalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MuliItalic.woff') format('woff'),
         url('../fonts/MuliItalic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Muli';
    src: url('../fonts/MuliBold.eot');
    src: local('MuliBold'), local('Muli Bold'), 
         url('../fonts/MuliBold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MuliBold.woff') format('woff'),
         url('../fonts/MuliBold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Muli';
    src: url('../fonts/MuliBlack.eot');
    src: local('MuliBlack'), local('Muli Black'), 
         url('../fonts/MuliBlack.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MuliBlack.woff') format('woff'),
         url('../fonts/MuliBlack.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Merriweather';
    src: url('../fonts/MerriweatherRegular.eot');
    src: local('MerriweatherRegular'), local('Merriweather Regular'), 
         url('../fonts/MerriweatherRegular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MerriweatherRegular.woff') format('woff'),
         url('../fonts/MerriweatherRegular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Merriweather';
    src: url('../fonts/MerriweatherItalic.eot');
    src: local('MerriweatherItalic'), local('Merriweather Italic'), 
         url('../fonts/MerriweatherItalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MerriweatherItalic.woff') format('woff'),
         url('../fonts/MerriweatherItalic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Merriweather';
    src: url('../fonts/MerriweatherBold.eot');
    src: local('MerriweatherBold'), local('Merriweather Bold'), 
         url('../fonts/MerriweatherBold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MerriweatherBold.woff') format('woff'),
         url('../fonts/MerriweatherBold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}