/* Bebas Neue */

@font-face {
    font-family: 'Bebas Neue';
    src: local('Bebas Neue Light'), local('BebasNeue-Light'),
        url('../fonts/bebasneue/BebasNeue-Light.ttf') format('truetype');
    src: url('../fonts/bebasneue/BebasNeue-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Bebas Neue';
    src: local('Bebas Neue Regular'), local('BebasNeue-Regular'),
        url('../fonts/bebasneue/BebasNeue-Regular.ttf') format('truetype');
    src: url('../fonts/bebasneue/BebasNeue-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Bebas Neue';
    src: local('Bebas Neue Bold'), local('BebasNeue-Bold'),
        url('../fonts/bebasneue/BebasNeue-Bold.ttf') format('truetype');
    src: url('../fonts/bebasneue/BebasNeue-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

/* Roboto */

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Light'), local('Roboto-Light'),
        url('../fonts/roboto/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Regular'), local('Roboto-Regular'),
        url('../fonts/roboto/Roboto-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Bold'), local('Roboto-Bold'),
        url('../fonts/roboto/Roboto-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}