@font-face {
  font-family: "Lato";
  src: url("Lato-light.ttf") format("truetype");
  font-weight: 300; /* Light */
}

@font-face {
  font-family: "Lato";
  src: url("Lato-Regular.ttf") format("truetype");
  font-weight: 400; /* Regular */
}

@font-face {
  font-family: "Lato";
  src: url("Lato-Medium.ttf") format("truetype");
  font-weight: 500; /* Medium */
}


@font-face {
  font-family: "Lato";
  src: url("Lato-Bold.ttf") format("truetype");
  font-weight: 700; /* Bold */
}

@font-face {
  font-family: "Lato";
  src: url("Lato-Black.ttf") format("truetype");
  font-weight: 800; /* ExtraBold */
}