:root {
    --regular-font: 'knockoutregular', sans-serif;
    --bold-font: 'knockoutbold', sans-serif;
    --italic-font: 'knockoutregular', sans-serif;
}



/*KNOCKOUT*/
@font-face {
    font-family: 'knockoutregular';
    src: url('../fonts/Knockout-HTF32-JuniorCruiserwt.eot');
    src: url('../fonts/Knockout-HTF32-JuniorCruiserwt.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Knockout-HTF32-JuniorCruiserwt.woff2') format('woff2'),
    url('../fonts/Knockout-HTF32-JuniorCruiserwt.woff') format('woff'),
    url('../fonts/Knockout-HTF32-JuniorCruiserwt.ttf') format('truetype'),
    url('../fonts/Knockout-HTF32-JuniorCruiserwt.svg#Knockout-HTF32-JuniorCruiserwt') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'knockoutbold';
    src: url('../fonts/Knockout-HTF71-FullMiddlewt.eot');
    src: url('../fonts/Knockout-HTF71-FullMiddlewt.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Knockout-HTF71-FullMiddlewt.woff2') format('woff2'),
    url('../fonts/Knockout-HTF71-FullMiddlewt.woff') format('woff'),
    url('../fonts/Knockout-HTF71-FullMiddlewt.ttf') format('truetype'),
    url('../fonts/Knockout-HTF71-FullMiddlewt.svg#Knockout-HTF71-FullMiddlewt') format('svg');
    font-weight: normal;
    font-style: normal;
}