@font-face {
  font-family: Lato;
  src: url("../lato-light.woff2") format("woff2"),
       url("../lato-light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: Lato;
  src: url("../lato-light-italic.woff2") format("woff2"),
       url("../lato-light-italic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: Lato;
  src: url("../lato-normal.woff2") format("woff2"),
       url("../lato-normal.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Lato;
  src: url("../lato-normal-italic.woff2") format("woff2"),
       url("../lato-normal-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: Lato;
  src: url("../lato-semibold.woff2") format("woff2"),
       url("../lato-semibold.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: Lato;
  src: url("../lato-bold.woff2") format("woff2"),
       url("../lato-bold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: Lato;
  src: url("../lato-heavy.woff2") format("woff2"),
       url("../lato-heavy.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}