@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(../fonts/opensans/opensans400.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../fonts/opensans/opensans600.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../fonts/opensans/opensans700.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Regular'), local('Roboto-Regular'), url(../fonts/roboto/roboto400.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(../fonts/roboto/roboto500.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 200;
  src: local('Lato Thin'), local('Lato-Thin'), url(../fonts/lato/lato200.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(../fonts/lato/lato300.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(../fonts/lato/lato400.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 500;
  src: local('Lato Medium'), local('Lato-Medium'), url(../fonts/lato/lato500.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(../fonts/lato/lato700.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 800;
  src: local('Lato Black'), local('Lato-Black'), url(../fonts/lato/lato800.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: oblique;
  font-weight: 200;
  src: local('Lato Thin Italic'), local('Lato-ThinItalic'), url(../fonts/lato/lato200i.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: oblique;
  font-weight: 300;
  src: local('Lato Light Italic'), local('Lato-LightItalic'), url(../fonts/lato/lato300i.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: oblique;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'), url(../fonts/lato/lato400i.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: oblique;
  font-weight: 500;
  src: local('Lato Medium Italic'), local('Lato-MediumItalic'), url(../fonts/lato/lato500i.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: oblique;
  font-weight: 600;
  src: local('Lato Semibold Italic'), local('Lato-SemiboldItalic'), url(../fonts/lato/lato600i.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: oblique;
  font-weight: 700;
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(../fonts/lato/lato700i.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: oblique;
  font-weight: 800;
  src: local('Lato Black Italic'), local('Lato-BlackItalic'), url(../fonts/lato/lato800i.woff) format('woff');
}