@font-face {
  font-family: 'OpenSans';
  font-weight: 400;
  font-style: normal;
  src: local('OpenSans-Regular'), local('OpenSans Regular'),
       url('OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
       url('OpenSans-Regular.woff') format('woff'),
       url('OpenSans-Regular.ttf')  format('truetype'),
       url('OpenSans-Regular.svg#OpenSans-Regular') format('svg');
}
@font-face {
  font-family: 'OpenSans';
  font-weight: 400;
  font-style: italic;
  src: local('OpenSans-Italic'), local('OpenSans Italic'),
       url('OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
       url('OpenSans-Italic.woff') format('woff'),
       url('OpenSans-Italic.ttf')  format('truetype'),
       url('OpenSans-Italic.svg#OpenSans-Italic') format('svg');
}
@font-face {
  font-family: 'OpenSans';
  font-weight: 600;
  font-style: normal;
  src: local('OpenSans-SemiBold'), local('OpenSans SemiBold'),
       url('OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),
       url('OpenSans-SemiBold.woff') format('woff'),
       url('OpenSans-SemiBold.ttf')  format('truetype'),
       url('OpenSans-SemiBold.svg#OpenSans-SemiBold') format('svg');
}
@font-face {
  font-family: 'OpenSans';
  font-weight: 700;
  font-style: normal;
  src: local('OpenSans-Bold'), local('OpenSans Bold'),
       url('OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
       url('OpenSans-Bold.woff') format('woff'),
       url('OpenSans-Bold.ttf')  format('truetype'),
       url('OpenSans-Bold.svg#OpenSans-Bold') format('svg');
}
@font-face {
  font-family: 'OpenSans';
  font-weight: 800;
  font-style: normal;
  src: local('OpenSans-ExtraBold'), local('OpenSans ExtraBold'),
       url('OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
       url('OpenSans-ExtraBold.woff') format('woff'),
       url('OpenSans-ExtraBold.ttf')  format('truetype'),
       url('OpenSans-ExtraBold.svg#OpenSans-ExtraBold') format('svg');
}