@font-face {
    font-family: 'titillium';
    src: url('../fonts/titilliumtext-light.eot');
    src: url('../fonts/titilliumtext-light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/titilliumtext-light.woff') format('woff'),
    url('../fonts/titilliumtext-light.ttf') format('truetype'),
    url('../fonts/titilliumtext-light.svg#titillium') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'titillium';
    src: url('../fonts/titilliumtext-regular.eot');
    src: url('../fonts/titilliumtext-regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/titilliumtext-regular.woff') format('woff'),
    url('../fonts/titilliumtext-regular.ttf') format('truetype'),
    url('../fonts/titilliumtext-regular.svg#titillium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'titillium';
    src: url('../fonts/titilliumtext-bold.eot');
    src: url('../fonts/titilliumtext-bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/titilliumtext-bold.woff') format('woff'),
    url('../fonts/titilliumtext-bold.ttf') format('truetype'),
    url('../fonts/titilliumtext-bold.svg#titillium') format('svg');
    font-weight: bold;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'titillium';
        src: url('../fonts/titilliumtext-regular.svg') format('svg');
        font-style: normal;
    }
    @font-face {
        font-family: 'titillium';
        src: url('../fonts/titilliumtext-light.svg') format('svg');
        font-weight: 100;
        font-style: normal;
    }
    @font-face {
        font-family: 'titillium';
        src: url('../fonts/titilliumtext-bold.svg') format('svg');
        font-weight: bold;
        font-style: normal;
    }
}