@font-face {
	font-family: 'Fabrikat';
    font-weight: bold;
    font-style: normal;
    font-display: fallback;
    src:local('Fabrikat-Bold'),
    	url('Fabrikat-Bold.woff2') format('woff2'),
        url('Fabrikat-Bold.woff') format('woff'),
        url('Fabrikat-Bold.ttf') format('truetype'),
        url('Fabrikat-Bold.svg#Fabrikat-Bold') format('svg');   
}

@font-face {
    font-family: 'Fabrikat';
    font-weight: 500;
    font-style: normal;
    font-display: fallback;
    src:local('Fabrikat-Medium'),
    	url('Fabrikat-Medium.woff2') format('woff2'),
        url('Fabrikat-Medium.woff') format('woff'),
        url('Fabrikat-Medium.ttf') format('truetype'),
        url('Fabrikat-Medium.svg#Fabrikat-Medium') format('svg');

}

@font-face {
    font-family: 'Fabrikat';
    font-weight: normal;
    font-style: normal;
    font-display: fallback;
    src:local('Fabrikat-Regular'), 
    	url('Fabrikat-Regular.woff2') format('woff2'),
        url('Fabrikat-Regular.woff') format('woff'),
        url('Fabrikat-Regular.ttf') format('truetype'),
        url('Fabrikat-Regular.svg#Fabrikat-Regular') format('svg');
}

@font-face {
    font-family: 'Fabrikat';
    font-weight: 300;
    font-style: normal;
    font-display: fallback;
    src:local('Fabrikat-Light'),
    	url('Fabrikat-Light.woff2') format('woff2'),
        url('Fabrikat-Light.woff') format('woff'),
        url('Fabrikat-Light.ttf') format('truetype'),
        url('Fabrikat-Light.svg#Fabrikat-Light') format('svg'); 
}