@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: local('Lato Hairline'), local('Lato-Hairline'), url('../fonts/LatoHairline_100.woff2') format('woff2'), url('../fonts/LatoHairline_100.woff') format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url('../fonts/LatoLight_300.woff2') format('woff2'), url('../fonts/LatoLight_300.woff') format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url('../fonts/LatoRegular_400.woff2') format('woff2'), url('../fonts/LatoRegular_400.woff') format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url('../fonts/LatoBold_700.woff2') format('woff2'), url('../fonts/LatoBold_700.woff') format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local('Lato Black'), local('Lato-Black'), url('../fonts/LatoBlack_900.woff2') format('woff2'), url('../fonts/LatoBlack_900.woff') format('woff');
}