@import url(https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700&display=swap);

@font-face
{
    font-family: 'WebSymbolsRegular';
    /*src: url('WebSymbolsRegular.otf') format('opentype');*/

    src: url('WebSymbolsRegular.eot');
    src: url('WebSymbolsRegular.eot') format('embedded-opentype'), url('WebSymbolsRegular.woff') format('woff'), url('WebSymbolsRegular.ttf') format('truetype'), url('WebSymbolsRegular.svg') format('svg');
}

@font-face
{
    font-family:'Montserrat Alternates';

    src: url('MontserratAlternates-Regular.eot');
    src: url('MontserratAlternates-Regular.eot') format('embedded-opentype'), url('MontserratAlternates-Regular.svg#MontserratAlternates-Regular') format('svg'),url('MontserratAlternates-Regular.woff') format('woff'),url('MontserratAlternates-Regular.ttf') format('truetype');
}

/*open sans regular*/
@font-face
{
    font-family: 'OpenSans';
    src: url('OpenSans-Regular.eot');
    src: url('OpenSans-Regular.eot') format('embedded-opentype'), url('OpenSans-Regular.svg#OpenSans-Regular') format('svg'),url('OpenSans-Regular.woff') format('woff'),url('OpenSans-Regular.ttf') format('truetype');
}


/*retrosans*/
@font-face
{
    font-family: 'RetroSans';
    src: url('RetroSans.ttf');
    src: url('RetroSans.ttf') format('truetype');
}


/*gotham medium*/
@font-face
{
    font-family: 'Gotham-medium';
    src: url('gotham-medium.eot');
    src: url('gotham-medium.eot') format('embedded-opentype'),url('gotham-medium.woff') format('woff'),url('gotham-medium.ttf') format('truetype');
}