@font-face {

    font-family: 'Roboto-Light';
    
    src: url('../fonts/Roboto-Light.ttf'),
    
    url('../fonts/Roboto-Light.ttf') format('truetype');
    
    font-weight: 300;
    
    font-style: lighter;
}

@font-face {

    font-family: 'FiraSans-Regular';

    src: url('../fonts/FiraSans-Regular.ttf'),

    url('../fonts/FiraSans-Regular.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;
}

@font-face {

    font-family: 'FiraSans-SemiBold';
    
    src: url('../fonts/FiraSans-SemiBold.ttf'),
    
    url('../fonts/FiraSans-SemiBold.ttf') format('truetype');
    
    font-weight: bolder;
    
    font-style: bolder;   
}

@font-face {

    font-family: 'FiraSans-Bold';
    
    src: url('../fonts/FiraSans-Bold.ttf'),
    
    url('../fonts/FiraSans-Bold.ttf') format('truetype');
    
    font-weight: bold;
    
    font-style: bold;   
}