@font-face {
    font-family: 'Bebas Neue';
    src: url('../fonts/BebasNeueRegular.eot');
    src: local('Bebas Neue Regular'), local('BebasNeueRegular'),
    url('../fonts/BebasNeueRegular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/BebasNeueRegular.woff') format('woff'),
    url('../fonts/BebasNeueRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

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

@font-face {
    font-family: 'Bebas Neue';
    src: url('../fonts/BebasNeueLight.eot');
    src: local('Bebas Neue Light'), local('BebasNeueLight'),
    url('../fonts/BebasNeueLight.eot?#iefix') format('embedded-opentype'),
    url('../fonts/BebasNeueLight.woff') format('woff'),
    url('../fonts/BebasNeueLight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
	font-family: "Roboto"; 
	src: url('../fonts/Roboto-Regular.ttf');
    src: local('Roboto Regular'), local('RobotoRegular'),
    url('../fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "Roboto"; 
	src: url('../fonts/Roboto-Regular.ttf');
    src: local('Roboto Bold'), local('RobotoBold'),
    url('../fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "Roboto"; 
	src: url('../fonts/Roboto-Italic.ttf');
    src: local('Roboto Italic'), local('RobotoItalic'),
    url('../fonts/Roboto-Italic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
	font-display: swap
}