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

@font-face {
    font-family: 'Vulf MediumItalic';
    src: url('VulfSans-MediumItalic.eot');
    src: local('Vulf Sans Medium Italic'), local('VulfSans-MediumItalic'),
        url('VulfSans-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('VulfSans-MediumItalic.woff2') format('woff2'),
        url('VulfSans-MediumItalic.woff') format('woff'),
        url('VulfSans-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Vulf Black';
    src: url('VulfSans-Black.eot');
    src: local('Vulf Sans Black'), local('VulfSans-Black'),
        url('VulfSans-Black.eot?#iefix') format('embedded-opentype'),
        url('VulfSans-Black.woff2') format('woff2'),
        url('VulfSans-Black.woff') format('woff'),
        url('VulfSans-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

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

@font-face {
    font-family: 'Vulf LightItalic';
    src: url('VulfSans-LightItalic.eot');
    src: local('Vulf Sans Light Italic'), local('VulfSans-LightItalic'),
        url('VulfSans-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('VulfSans-LightItalic.woff2') format('woff2'),
        url('VulfSans-LightItalic.woff') format('woff'),
        url('VulfSans-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Vulf Medium';
    src: url('VulfSans-Medium.eot');
    src: local('Vulf Sans Medium'), local('VulfSans-Medium'),
        url('VulfSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('VulfSans-Medium.woff2') format('woff2'),
        url('VulfSans-Medium.woff') format('woff'),
        url('VulfSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

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

@font-face {
    font-family: 'Vulf BlackItalic';
    src: url('VulfSans-BlackItalic.eot');
    src: local('Vulf Sans Black Italic'), local('VulfSans-BlackItalic'),
        url('VulfSans-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('VulfSans-BlackItalic.woff2') format('woff2'),
        url('VulfSans-BlackItalic.woff') format('woff'),
        url('VulfSans-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Vulf Italic';
    src: url('VulfSans-Italic.eot');
    src: local('Vulf Sans Italic'), local('VulfSans-Italic'),
        url('VulfSans-Italic.eot?#iefix') format('embedded-opentype'),
        url('VulfSans-Italic.woff2') format('woff2'),
        url('VulfSans-Italic.woff') format('woff'),
        url('VulfSans-Italic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Vulf BoldItalic';
    src: url('VulfSans-BoldItalic.eot');
    src: local('Vulf Sans Bold Italic'), local('VulfSans-BoldItalic'),
        url('VulfSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('VulfSans-BoldItalic.woff2') format('woff2'),
        url('VulfSans-BoldItalic.woff') format('woff'),
        url('VulfSans-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}


:root {
    --vulf-bold: 'Vulf Bold', sans-serif;
    --vulf-mediumitalic: 'Vulf MediumItalic', sans-serif;
    --vulf-black: 'Vulf Black', sans-serif;
    --vulf-regular: 'Vulf Regular', sans-serif;
    --vulf-lightitalic: 'Vulf LightItalic', sans-serif;
    --vulf-medium: 'Vulf Medium', sans-serif;
    --vulf-light: 'Vulf Light', sans-serif;
    --vulf-blackitalic: 'Vulf BlackItalic', sans-serif;
    --vulf-italic: 'Vulf Italic', sans-serif;
    --vulf-bolditalic: 'Vulf BoldItalic', sans-serif;
}