@font-face {
    font-family: 'Clear Sans';
    src: local('Clear Sans Thin'), local('ClearSans-Thin'), url('../fnt/clearsansthin.woff2') format('woff2'), url('../fnt/clearsansthin.woff') format('woff'), url('../fnt/clearsansthin.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Clear Sans';
    src: local('Clear Sans Light'), local('ClearSans-Light'), url('../fnt/clearsanslight.woff2') format('woff2'), url('../fnt/clearsanslight.woff') format('woff'), url('../fnt/clearsanslight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Clear Sans';
    src: local('Clear Sans'), local('ClearSans'), url('../fnt/clearsans.woff2') format('woff2'), url('../fnt/clearsans.woff') format('woff'), url('../fnt/clearsans.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Clear Sans';
    src: local('Clear Sans Italic'), local('ClearSans-Italic'), url('../fnt/clearsansitalic.woff2') format('woff2'), url('../fnt/clearsansitalic.woff') format('woff'), url('../fnt/clearsansitalic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Clear Sans';
    src: local('Clear Sans Medium'), local('ClearSans-Medium'), url('../fnt/clearsansmedium.woff2') format('woff2'), url('../fnt/clearsansmedium.woff') format('woff'), url('../fnt/clearsansmedium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Clear Sans';
    src: local('Clear Sans Medium Italic'), local('ClearSans-MediumItalic'), url('../fnt/clearsansmediumitalic.woff2') format('woff2'), url('../fnt/clearsansmediumitalic.woff') format('woff'), url('../fnt/clearsansmediumitalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'Clear Sans';
    src: local('Clear Sans Bold'), local('ClearSans-Bold'), url('../fnt/clearsansbold.woff2') format('woff2'), url('../fnt/clearsansbold.woff') format('woff'), url('../fnt/clearsansbold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Clear Sans';
    src: local('Clear Sans Bold Italic'), local('ClearSans-BoldItalic'), url('../fnt/clearsansbolditalic.woff2') format('woff2'), url('../fnt/clearsansbolditalic.woff') format('woff'), url('../fnt/clearsansbolditalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}