@font-face
{
    font-family: 'KlavikaWebBasicLight';
    src: url('KlavikaWebBasicLight.eot');
    src: url('KlavikaWebBasicLight.eot?#iefix') format('embedded-opentype'),
    url('KlavikaWebBasicLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'KlavikaWebBasicRegular';
    src: url('KlavikaWebBasicRegular.eot');
    src: url('KlavikaWebBasicRegular.eot?#iefix') format('embedded-opentype'),
    url('KlavikaWebBasicRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'KlavikaWebBasicRegular';
        src: url('KlavikaWebBasicRegular.eot') format('svg');
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'KlavikaWebBasicLight';
        src:  url('KlavikaWebBasicLight.eot') format('svg');
    }
}

@font-face
{
    font-family: 'Dakota';
    src: url('Dakota.eot');
    src: url('Dakota.eot?#iefix') format('embedded-opentype'),
    url('Dakota.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'Dakota';
        src: url('Dakota.svg') format('svg');
    }
}