@font-face {
   font-family: 'OpenSans';
   font-style: normal;
   font-weight: 300;
   src: url('OpenSans-Light.woff') format('woff');
}

@font-face {
   font-family: 'OpenSans';
   font-style: normal;
   font-weight: 400;
   src: url('OpenSans-Regular.woff') format('woff');
}

@font-face {
   font-family: 'OpenSans';
   font-style: normal;
   font-weight: 600;
   src: url('OpenSans-Semibold.woff') format('woff');
}

@font-face {
   font-family: 'OpenSans';
   font-style: normal;
   font-weight: 700;
   src: url('OpenSans-Bold.woff') format('woff');
}

@font-face {
   font-family: 'OpenSans';
   font-style: normal;
   font-weight: 800;
   src: url('OpenSans-ExtraBold.woff') format('woff');
}

@font-face {
   font-family: 'OpenSans';
   font-style: italic;
   font-weight: 300;
   src: url('OpenSans-LightItalic.woff') format('woff');
}

@font-face {
   font-family: 'OpenSans';
   font-style: italic;
   font-weight: 400;
   src: url('OpenSans-Italic.woff') format('woff');
}

@font-face {
   font-family: 'OpenSans';
   font-style: italic;
   font-weight: 600;
   src: url('OpenSans-SemiboldItalic.woff') format('woff');
}

@font-face {
   font-family: 'OpenSans';
   font-style: italic;
   font-weight: 700;
   src: url('OpenSans-BoldItalic.woff') format('woff');
}

@font-face {
   font-family: 'OpenSans';
   font-style: italic;
   font-weight: 800;
   src: url('OpenSans-ExtraBoldItalic.woff') format('woff');
}