@font-face {
    font-family: 'Muli';
    src: url('../fonts/Muli-Regular.eot');
    src: url('../fonts/Muli-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Muli-Regular.woff2') format('woff2'),
    url('../fonts/Muli-Regular.woff') format('woff'),
    url('../fonts/Muli-Regular.ttf') format('truetype'),
    url('../fonts/Muli-Regular.svg#muli') format('svg');
}

@font-face {
    font-family: 'MuliBold';
    src: url('../fonts/Muli-Bold.eot');
    src: url('../fonts/Muli-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Muli-Bold.woff2') format('woff2'),
    url('../fonts/Muli-Bold.woff') format('woff'),
    url('../fonts/Muli-Bold.ttf') format('truetype'),
    url('../fonts/Muli-Bold.svg#muli_bold') format('svg');
}

@font-face {
    font-family: 'MuliSemiBold';
    src: url('../fonts/Muli-SemiBold.ttf') format('truetype');
}

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

@font-face {
    font-family: 'MontserratMedium';
    src: url('../fonts/Montserrat-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'NotoSansSemiBold';
    src: url('../fonts/NotoSans-SemiBold.ttf') format('truetype');
}




@font-face {
    font-family: 'MuliExtraBold';
    src: url('../fonts/Muli-ExtraBold.eot');
    src: url('../fonts/Muli-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Muli-ExtraBold.woff2') format('woff2'),
    url('../fonts/Muli-ExtraBold.woff') format('woff'),
    url('../fonts/Muli-ExtraBold.ttf') format('truetype'),
    url('../fonts/Muli-ExtraBold.svg#muli_bold') format('svg');
}