@font-face {
    font-family: 'icofont';
    src: url('../fonts/icofont/icofont.eot') format('eot'),
         url('../fonts/icofont/icofont.svg') format('svg'),
         url('../fonts/icofont/icofont.ttf') format('ttf'),
         url('../fonts/icofont/icofont.woff') format('woff'),
         url('../fonts/icofont/icofont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'mfglabsiconset';
    src: url('../fonts/mfglabsiconset/mfglabsiconset.eot') format('eot'),
         url('../fonts/mfglabsiconset/mfglabsiconset.svg') format('svg'),
         url('../fonts/mfglabsiconset/mfglabsiconset.ttf') format('ttf'),
         url('../fonts/mfglabsiconset/mfglabsiconset.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'social-icons';
    src: url('../fonts/social-icons/Socialico-Regular.eot') format('eot'),
         url('../fonts/social-icons/Socialico-Regular.svg') format('svg'),
         url('../fonts/social-icons/Socialico-Regular.ttf') format('ttf'),
         url('../fonts/social-icons/Socialico-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

*[data-icon]:before {
    font: 100%/1 "icofont";
    content: attr(data-icon);
}


@font-face {
    font-family: 'Roboto Medium';
    src: url('../fonts/Roboto/Roboto-Medium.ttf') format('woff');
    font-weight: normal;
    font-style: normal;

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

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

}
/*  @import url('https://fonts.googleapis.com/css?family=Roboto'); */