@font-face {
    font-family: 'Muli-Black';
    src: url('../fonts/Muli-Black.eot?#iefix') format('embedded-opentype'),  
    url('../fonts/Muli-Black.woff') format('woff'), 
    url('../fonts/Muli-Black.ttf')  format('truetype'), 
    url('../fonts/Muli-Black.svg#Muli-Black') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Muli-ExtraLight';
    src: url('../fonts/Muli-ExtraLight.eot?#iefix') format('embedded-opentype'),  
    url('../fonts/Muli-ExtraLight.woff') format('woff'), 
    url('../fonts/Muli-ExtraLight.ttf')  format('truetype'), 
    url('../fonts/Muli-ExtraLight.svg#Muli-ExtraLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Muli-SemiBold';
    src: url('../fonts/Muli-SemiBold.eot?#iefix') format('embedded-opentype'),  
    url('../fonts/Muli-SemiBold.woff') format('woff'), 
    url('../fonts/Muli-SemiBold.ttf')  format('truetype'),
    url('../fonts/Muli-SemiBold.svg#Muli-SemiBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Muli-Medium';
    src: url('../fonts/Muli-Medium.eot?#iefix') format('embedded-opentype'),  
    url('../fonts/Muli-Medium.woff') format('woff'), 
    url('../fonts/Muli-Medium.ttf')  format('truetype'), 
    url('../fonts/Muli-Medium.svg#Muli-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Muli-ExtraBold';
    src: url('../fonts/Muli-ExtraBold.eot?#iefix') format('embedded-opentype'),  
    url('../fonts/Muli-ExtraBold.woff') format('woff'), 
    url('../fonts/Muli-ExtraBold.ttf')  format('truetype'), 
    url('../fonts/Muli-ExtraBold.svg#Muli-ExtraBold') format('svg');
    font-weight: normal;
    font-style: normal;
}