@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('font/Roboto-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Michroma';
    font-style: normal;
    font-weight: 400;
    src: url('font/Michroma.ttf') format('truetype');
}
/* @font-face {
    font-family: 'Trade Gothic';
    font-weight: 300;
    src: url('font/TradeGothicNextLTPro-Lt.otf') format('truetype');
} */
/* @font-face {
    font-family: 'Trade Gothic';
    font-weight: 400;
    src: url('font/TradeGothicNextLTPro-Rg.otf') format('truetype');
} */
@font-face {
    font-family: 'Trade Gothic';
    font-weight: 800;
    src: url('font/TradeGothicLTStd-Extended.otf') format('opentype');
}
 /*
@font-face {
    font-family: 'Trade Gothic';
    font-weight: 900;
    src: url('font/TradeGothicLTStd-BoldExt.otf') format('opentype');
} */