@font-face {
    font-family: "Lato";
    src: url("Lato-Thin.eot");
    src: url("Lato-Thin.eot?#iefix") format("embedded-opentype"), url("Lato-Thin.woff2") format("woff2"), url("Lato-Thin.woff") format("woff"), url("Lato-Thin.ttf") format("truetype"), url("Lato-Thin.svg#Lato-Thin") format("svg");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "Lato";
    src: url("Lato-Light.eot");
    src: url("Lato-Light.eot?#iefix") format("embedded-opentype"), url("Lato-Light.woff2") format("woff2"), url("Lato-Light.woff") format("woff"), url("Lato-Light-2.ttf") format("truetype"), url("Lato-Light.svg#Lato-Light") format("svg");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "Lato";
    src: url("Lato-Regular.eot");
    src: url("Lato-Regular.eot?#iefix") format("embedded-opentype"), url("Lato-Regular.woff2") format("woff2"), url("Lato-Regular.woff") format("woff"), url("Lato-Regular-2.ttf") format("truetype"), url("Lato-Regular.svg#Lato-Regular") format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "Lato";
    src: url("Lato-Semibold.eot");
    src: url("Lato-Semibold.eot?#iefix") format("embedded-opentype"), url("Lato-Semibold.woff2") format("woff2"), url("Lato-Semibold.woff") format("woff"), url("Lato-Semibold-2.ttf") format("truetype"), url("Lato-Semibold.svg#Lato-Semibold") format("svg");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "Lato";
    src: url("Lato-Heavy.eot");
    src: url("Lato-Heavy.eot?#iefix") format("embedded-opentype"), url("Lato-Heavy.woff2") format("woff2"), url("Lato-Heavy.woff") format("woff"), url("Lato-Extrabld-2.ttf") format("truetype"), url("Lato-Heavy.svg#Lato-Heavy") format("svg");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
  }