.ff-med {
    font-family: 'roboto medium';
    font-weight:normal !important;
}
.ff-reg {
    font-family: 'roboto regular';
    font-weight: normal !important;
}
.ff-light {
    font-family: 'roboto light';
    font-weight: normal !important;
}
.ff-bold {
    font-family: 'roboto bold';
    font-weight: normal !important;
}
@font-face {
    font-family: 'roboto bold';
    src: url('fonts/roboto/Roboto-Bold.ttf')
}
@font-face {
    font-family: 'geom graphic';
    src: url('fonts/geom-graphic/Geom-Graphic-Regular.ttf')
}
@font-face {
    font-family: 'roboto regular';
    src: url('fonts/roboto/Roboto-Regular.ttf')
}
@font-face {
    font-family: 'roboto medium';
    src: url('fonts/roboto/Roboto-Medium.ttf')
}
@font-face {
    font-family: 'roboto light';
    src: url('fonts/roboto/Roboto-Light.ttf')
}