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

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

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

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