@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(lato-thinitalic.woff2) format("woff2"),
    url(lato-thinitalic.woff) format("woff");
}
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(lato-lightitalic.woff2) format("woff2"),
    url(lato-lightitalic.woff) format("woff");
}
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(lato-italic.woff2) format("woff2"),
    url(lato-italic.woff) format("woff");
}
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(lato-bolditalic.woff2) format("woff2"),
    url(lato-bolditalic.woff) format("woff");
}
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(lato-blackitalic.woff2) format("woff2"),
    url(lato-blackitalic.woff) format("woff");
}

@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(lato-thin.woff2) format("woff2"),
    url(lato-thin.woff) format("woff");
}
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(lato-light.woff2) format("woff2"),
    url(lato-light.woff) format("woff");
}
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(lato-regular.woff2) format("woff2"),
    url(lato-regular.woff) format("woff");
}
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(lato-bold.woff2) format("woff2"),
    url(lato-bold.woff) format("woff");
}
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(lato-black.woff2) format("woff2"),
    url(lato-black.woff) format("woff");
}