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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}