@font-face {
    font-family: 'N27Medium';
    src: url('src/fonts/N27Medium.eot');
    src: url('src/fonts/N27Medium.eot') format('embedded-opentype'),
         url('src/fonts/N27Medium.woff2') format('woff2'),
         url('src/fonts/N27Medium.woff') format('woff'),
         url('src/fonts/N27Medium.ttf') format('truetype'),
         url('src/fonts/N27Medium.svg#N27Medium') format('svg');
}

@font-face {
    font-family: 'N27Regular';
    src: url('src/fonts/N27Regular.eot');
    src: url('src/fonts/N27Regular.eot') format('embedded-opentype'),
         url('src/fonts/N27Regular.woff2') format('woff2'),
         url('src/fonts/N27Regular.woff') format('woff'),
         url('src/fonts/N27Regular.ttf') format('truetype'),
         url('src/fonts/N27Regular.svg#N27Regular') format('svg');
}


@font-face {
    font-family: 'N27Light';
    src: url('src/fonts/N27Light.eot');
    src: url('src/fonts/N27Light.eot') format('embedded-opentype'),
         url('src/fonts/N27Light.woff2') format('woff2'),
         url('src/fonts/N27Light.woff') format('woff'),
         url('src/fonts/N27Light.ttf') format('truetype'),
         url('src/fonts/N27Light.svg#N27Light') format('svg');
}


@font-face {
    font-family: 'Archivo100';
    src: url('src/fonts/Archivo100.eot');
    src: url('src/fonts/Archivo100.eot') format('embedded-opentype'),
         url('src/fonts/Archivo100.woff2') format('woff2'),
         url('src/fonts/Archivo100.woff') format('woff'),
         url('src/fonts/Archivo100.ttf') format('truetype'),
         url('src/fonts/Archivo100.svg#Archivo100') format('svg');
}


@font-face {
    font-family: 'Archivo500';
    src: url('src/fonts/Archivo500.eot');
    src: url('src/fonts/Archivo500.eot') format('embedded-opentype'),
         url('src/fonts/Archivo500.woff2') format('woff2'),
         url('src/fonts/Archivo500.woff') format('woff'),
         url('src/fonts/Archivo500.ttf') format('truetype'),
         url('src/fonts/Archivo500.svg#Archivo500') format('svg');
}