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


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


@font-face {
    font-family: 'asap';
    src: url('./assets/fonts/asap-bold.eot');
    src: url('./assets/fonts/asap-bold.eot?#iefix') format('embedded-opentype'),
    url('./assets/fonts/Asap-Bold.woff') format('woff'),
    url('./assets/fonts/Asap-Bold.ttf') format('truetype'),
    url('./assets/fonts/Asap-Bold.svg#odin') format('svg');
    font-weight: normal;
    font-style: normal;
}