@font-face {
    font-family: 'bariol_regularregular';
    src: url('../../res/webfonts/Bariol_Regular_Webfont/bariol_regular-webfont.eot');
}
@font-face {
    font-family: 'bariol_regularregular';
    src: url('../../res/webfonts/Bariol_Light_Webfont/bariol_light-webfont.eot');
    src: url('../../res/webfonts/Bariol_Regular_Webfont/bariol_regular-webfont.woff2') format('woff2'),
    url('../../res/webfonts/Bariol_Regular_Webfont/bariol_regular-webfont.woff') format('woff'),
    url('../../res/webfonts/Bariol_Regular_Webfont/bariol_regular-webfont.ttf') format('truetype'),
    url('../../res/webfonts/Bariol_Regular_Webfont/bariol_regular-webfont.svg#bariol_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bariol_lightlight';
    src: url('../../res/webfonts/Bariol_Light_Webfont/bariol_light-webfont.eot');
}

@font-face {
    font-family: 'bariol_lightlight';
    src: url('../../res/webfonts/Bariol_Light_Webfont/bariol_light-webfont.eot');
    src: url('../../res/webfonts/Bariol_Light_Webfont/bariol_light-webfont.woff2') format('woff2'),
    url('../../res/webfonts/Bariol_Light_Webfont/bariol_light-webfont.woff') format('woff'),
    url('../../res/webfonts/Bariol_Light_Webfont/bariol_light-webfont.ttf') format('truetype'),
    url('../../res/webfonts/Bariol_Light_Webfont/bariol_light-webfont.svg#bariol_lightlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media screen and (min-width: 640px) {

    h1, h2,
    #doileak-banner, #doileak-banner a,
    #progressBarWrap *,
    .button-primary

    {
        font-family: bariol_lightlight, "Lucida Sans", Helvetica, sans-serif;
        letter-spacing: 1px;
        font-weight: normal;
    }

    #main-nav ul li, #lang-nav ul li, #main-nav a, #lang-nav a, #expand-opener,
    .dialog-header
    {
        font-family: bariol_regularregular, "Lucida Sans", Helvetica, sans-serif;
        letter-spacing: 1px;
        font-weight: normal;
    }

}