@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(/css/google/Lato-Regular.ttf) format('ttf');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'), url(/css/google/Lato-Italic.ttf) format('ttf');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(/css/google/Lato-Bold.ttf) format('ttf');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(/css/google/Lato-BoldItalic.ttf) format('ttf');
}

@font-face {
  font-family: 'Opens Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/css/google/OpenSans-Regular.ttf) format('ttf');
}
@font-face {
  font-family: 'Opens Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(/css/google/OpenSans-Italic.ttf) format('ttf');
}
@font-face {
  font-family: 'Opens Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(/css/google/OpenSans-Bold.ttf) format('ttf');
}
@font-face {
  font-family: 'Opens Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(/css/google/OpenSans-BoldItalic.ttf) format('ttf');
}