@font-face {
    font-family: 'GeneralGrotesqueDemi';
    src: url('GeneralGrotesque-Demi.eot');
    src: url('GeneralGrotesque-Demi.eot?#iefix') format('embedded-opentype'), 
    url('GeneralGrotesque-Demi.svg#GeneralGrotesque-Demi') format('svg'), 
    url('GeneralGrotesque-Demi.ttf') format('truetype'), 
    url('GeneralGrotesque-Demi.woff') format('woff'), 
    url('GeneralGrotesque-Demi.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GeneralGrotesque';
    src: url('GeneralGrotesque.eot');
    src: url('GeneralGrotesque.eot?#iefix') format('embedded-opentype'), 
    url('GeneralGrotesque.svg#GeneralGrotesque') format('svg'), 
    url('GeneralGrotesque.ttf') format('truetype'), 
    url('GeneralGrotesque.woff') format('woff'), 
    url('GeneralGrotesque.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GeneralGrotesqueMono';
    src: url('GeneralGrotesqueMono.eot');
    src: url('GeneralGrotesqueMono.eot?#iefix') format('embedded-opentype'), 
    url('GeneralGrotesqueMono.svg#GeneralGrotesqueMono10x') format('svg'), 
    url('GeneralGrotesqueMono.ttf') format('truetype'), 
    url('GeneralGrotesqueMono.woff') format('woff'), 
    url('GeneralGrotesqueMono.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GeneralGrotesqueBold';
    src: url('GeneralGrotesqueBold.eot');
    src: url('GeneralGrotesqueBold.eot?#iefix') format('embedded-opentype'), 
    url('GeneralGrotesqueBold.svg#GeneralGrotesqueBold') format('svg'), 
    url('GeneralGrotesqueBold.ttf') format('truetype'), url('GeneralGrotesqueBold.woff') format('woff'), 
    url('GeneralGrotesqueBold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}