@font-face {
    font-family: 'roboto';
    src: url('../fonts/roboto/Roboto-Regular.ttf') format('truetype');    
    font-weight: 400;  
}
 
@font-face {
    font-family: 'roboto';
    src: url('../fonts/roboto/Roboto-Bold.ttf') format('truetype');
    font-weight: 700;    
}
 
@font-face {
    font-family: 'roboto';
    src: url('../fonts/roboto/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
   
}



@font-face {
    font-family: 'raleway';
    src: url('../fonts/raleway/Raleway-Regular.ttf') format('truetype');
    font-weight: 400;
   
}

@font-face {
    font-family: 'raleway';
    src: url('../fonts/raleway/Raleway-Medium.ttf') format('truetype');
    font-weight: 500;
   
}

@font-face {
    font-family: 'raleway';
    src: url('../fonts/raleway/Raleway-SemiBold.ttf') format('truetype');
    font-weight: 600;
   
}
@font-face {
    font-family: 'raleway';
    src: url('../fonts/raleway/Raleway-Bold.ttf') format('truetype');
    font-weight: 700;
   
}