/*--------------------------------------------------------------
| thin
--------------------------------------------------------------*/
@font-face {
    font-family: 'Roboto';
    src: url('robotoThin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

/*--------------------------------------------------------------
| light
--------------------------------------------------------------*/
@font-face {
    font-family: 'Roboto';
    src: url('robotoLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

/*--------------------------------------------------------------
| regular
--------------------------------------------------------------*/
@font-face {
    font-family: 'Roboto';
    src: url('robotoRegular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

/*--------------------------------------------------------------
| medium
--------------------------------------------------------------*/
@font-face {
    font-family: 'Roboto';
    src: url('robotoMedium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

/*--------------------------------------------------------------
| black
--------------------------------------------------------------*/
@font-face {
    font-family: 'Roboto';
    src: url('robotoBlack.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}