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


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


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


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


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


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