@font-face {
    font-family: 'poppinssemibold';
    src: url('../poppinssemibold-webfont.html') format('woff2'),
         url('../poppinssemibold-webfont-2.html') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'poppinsmedium';
    src: url('../poppinsmedium-webfont.html') format('woff2'),
         url('../poppinsmedium-webfont-2.html') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'poppinslight';
    src: url('../poppinslight-webfont.html') format('woff2'),
         url('../poppinslight-webfont-2.html') format('woff');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'opensanssemibold';
    src: url('../woff2/opensanssemibold-webfont.woff2') format('woff2'),
         url('../woff/opensanssemibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'opensansregular';
    src: url('../woff2/opensansregular-webfont.woff2') format('woff2'),
         url('../woff/opensansregular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'opensanslight';
    src: url('../woff2/opensanslight-webfont.woff2') format('woff2'),
         url('../woff/opensanslight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}