@font-face {
    font-family: 'thin';
    src: url('thin.woff2') format('woff2'),
         url('thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'light';
    src: url('light.woff2') format('woff2'),
         url('light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'regular';
    src: url('regular.woff2') format('woff2'),
         url('regular.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'semibold';
    src: url('semibold.woff2') format('woff2'),
         url('semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'bold';
    src: url('bold.woff2') format('woff2'),
         url('bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

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

}
@font-face {
    font-family: 'condensedlight';
    src: url('condensedlight.woff2') format('woff2'),
         url('condensedlight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'condensed';
    src: url('condensed.woff2') format('woff2'),
         url('condensed.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'condensedsemibold';
    src: url('condensedsemibold.woff2') format('woff2'),
         url('condensedsemibold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}