@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: local('Lato Hairline'), local('Lato-Hairline');
  src: url('lato-hairline.eot');
  src: url('lato-hairline.eot?#iefix') format('embedded-opentype'),
       url('lato-hairline.woff') format('woff'),
       url('lato-hairline.ttf') format('truetype'),
       url('lato-hairline.svg#latohairline') format('svg');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light');
  src: url('lato-light.eot');
  src: url('lato-light.eot?#iefix') format('embedded-opentype'),
       url('lato-light.woff') format('woff'),
       url('lato-light.ttf') format('truetype'),
       url('lato-light.svg#latolight') format('svg');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular');
  src: url('lato-regular.eot');
  src: url('lato-regular.eot?#iefix') format('embedded-opentype'),
       url('lato-regular.woff') format('woff'),
       url('lato-regular.ttf') format('truetype'),
       url('lato-regular.svg#latoregular') format('svg');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold');
  src: url('lato-bold.eot');
  src: url('lato-bold.eot?#iefix') format('embedded-opentype'),
       url('lato-bold.woff') format('woff'),
       url('lato-bold.ttf') format('truetype'),
       url('lato-bold.svg#latobold') format('svg');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic');
  src: url('lato-italic.eot');
  src: url('lato-italic.eot?#iefix') format('embedded-opentype'),
       url('lato-italic.woff') format('woff'),
       url('lato-italic.ttf') format('truetype'),
       url('lato-italic.svg#latoitalic') format('svg');
}