@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/Lato-Regular.woff') format('woff'), 
       url('../fonts/Lato-Regular.ttf')  format('truetype'),
       url('../fonts/Lato-Regular.svg#Lato-Regular') format('svg');
  font-weight: 400; /* regular */
  font-style: normal;
  }

@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/Lato-Bold.woff') format('woff'), 
       url('../fonts/Lato-Bold.ttf')  format('truetype'),
       url('../fonts/Lato-Bold.svg#Lato-Bold') format('svg');
  font-weight: 700; /* bold */
  font-style: normal;
  }

@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Light.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/Lato-Light.woff') format('woff'), 
       url('../fonts/Lato-Light.ttf')  format('truetype'),
       url('../fonts/Lato-Light.svg#Lato-Light') format('svg');
  font-weight: 300; /* light */
  font-style: normal;
  }

@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Italic.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/Lato-Italic.woff') format('woff'), 
       url('../fonts/Lato-Italic.ttf')  format('truetype'),
       url('../fonts/Lato-Italic.svg#Lato-Italic') format('svg');
  font-weight: 400; /* regular */
  font-style: italic;
  }

@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-LightItalic.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/Lato-LightItalic.woff') format('woff'), 
       url('../fonts/Lato-LightItalic.ttf')  format('truetype'),
       url('../fonts/Lato-LightItalic.svg#Lato-LightItalic') format('svg');
  font-weight: 300; /* light */
  font-style: italic;
  }