@font-face {
  font-family: 'Freight-Sans-Book'; /* Name of your font */
  src: url('./fonts/Freight-Sans-Book.otf') format('opentype');
}
/*
@font-face {
  font-family: 'Lato'; 
  src: url('./fonts/Lato-Black.ttf') format('truetype');
  font-weight: black;
}
@font-face {
  font-family: "Lato";
  src: url('./fonts/Lato-BlackItalic.ttf') format('truetype');
  font-weight: black;
  font-style: italic;
}
@font-face {
  font-family: "Lato";
  src: url('./fonts/Lato-Bold.ttf') format('truetype');
  font-weight: bold;
}
@font-face {
  font-family: "Lato";
  src: url('./fonts/Lato-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  src: url('./fonts/Lato-Regular.ttf') format('truetype');
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: url('./fonts/Lato-Thin.ttf') format('truetype');
  font-weight: light;
}
@font-face {
  font-family: "Lato";
  src: url('./fonts/Lato-ThinItalic.ttf') format('truetype');
  font-weight: light;
  font-style: italic;
}
*/
@font-face {
  font-family: "Oswald";
  src: url('./fonts/Oswald-Bold.ttf') format('truetype');
  font-weight: 700;
}
@font-face {
  font-family: "Oswald";
  src: url('./fonts/Oswald-Medium.ttf') format('truetype');
  font-weight: 500;
}
@font-face {
  font-family: "Oswald";
  src: url('./fonts/Oswald-Light.ttf') format('truetype');
  font-weight: 300;
}
@font-face {
  font-family: "Oswald";
  src: url('./fonts/Oswald-ExtraLight.ttf') format('truetype');
  font-weight: 200;
}