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

@font-face {
  font-family: 'Lato';
  src: url('/css/fonts/Lato-Regular.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Syncopate-Bold';
  src:  url("/css/fonts/Syncopate-Bold.ttf") format("truetype");
  font-weight: 700;
}


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