/* see https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight for how font-weights match up */

/*

for example, if you want Lato-Black, use font-weight: 900

Available weights:

100 Hairline (extra light)
200 Thin
300 Light
400 (normal) Normal
500 Medium
600 Semi-bold
700 (bold) Bold
800 Heavy
900 (ultra bold) Ultra Bold

*/

@font-face {
  font-family: 'lato';
  font-style: normal;
  font-weight: 100;
  src: url(Lato-Hairline.woff2) format('woff2'),
	url(Lato-Hairline.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'lato';
  font-style: italic;
  font-weight: 100;
  src: url(Lato-HairlineItalic.woff2) format('woff2'),
	url(Lato-HairlineItalic.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'lato';
  font-style: normal;
  font-weight: 200;
  src: url(Lato-Thin.woff2) format('woff2'),
	url(Lato-Thin.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'lato';
  font-style: italic;
  font-weight: 200;
  src: url(Lato-ThinItalic.woff2) format('woff2'),
	url(Lato-ThinItalic.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'lato';
  font-style: normal;
  font-weight: 300;
  src: url(Lato-Light.woff2) format('woff2'),
	url(Lato-Light.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'lato';
  font-style: italic;
  font-weight: 300;
  src: url(Lato-LightItalic.woff2) format('woff2'),
	url(Lato-LightItalic.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'lato';
  font-style: normal;
  font-weight: 400;
  src: url(Lato-Regular.woff2) format('woff2'),
	url(Lato-Regular.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'lato';
  font-style: italic;
  font-weight: 400;
  src: url(Lato-Italic.woff2) format('woff2'),
	url(Lato-Italic.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'lato';
  font-style: normal;
  font-weight: 500;
  src: url(Lato-Medium.woff2) format('woff2'),
	url(Lato-Medium.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'lato';
  font-style: italic;
  font-weight: 500;
  src: url(Lato-MediumItalic.woff2) format('woff2'),
	url(Lato-MediumItalic.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'lato';
  font-style: normal;
  font-weight: 600;
  src: url(Lato-Semibold.woff2) format('woff2'),
	url(Lato-Semibold.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'lato';
  font-style: italic;
  font-weight: 600;
  src: url(Lato-SemiboldItalic.woff2) format('woff2'),
	url(Lato-SemiboldItalic.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'lato';
  font-style: normal;
  font-weight: 700;
  src: url(Lato-Bold.woff2) format('woff2'),
	url(Lato-Bold.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'lato';
  font-style: italic;
  font-weight: 700;
  src: url(Lato-BoldItalic.woff2) format('woff2'),
	url(Lato-BoldItalic.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'lato';
  font-style: normal;
  font-weight: 800;
  src: url(Lato-Heavy.woff2) format('woff2'),
	url(Lato-Heavy.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'lato';
  font-style: italic;
  font-weight: 800;
  src: url(Lato-HeavyItalic.woff2) format('woff2'),
	url(Lato-HeavyItalic.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'lato';
  font-style: normal;
  font-weight: 900;
  src: url(Lato-Black.woff2) format('woff2'),
	url(Lato-Black.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'lato';
  font-style: italic;
  font-weight: 900;
  src: url(Lato-BlackItalic.woff2) format('woff2'),
	url(Lato-BlackItalic.woff) format('woff');
  font-display: swap;
}