@font-face {
   font-family: 'Open Sans';
   src:	url('OpenSans-Light.ttf');
   src: url('OpenSans-Light.eot');
   src: url('OpenSans-Light.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Light.woff') format('woff'),
         url('OpenSans-Light.ttf') format('truetype'),
         url('OpenSans-Light.svg#OpenSansLight') format('svg');
   font-weight: 200;
   font-style: normal;
 }
@font-face {
   font-family: 'Open Sans';
   src: url('OpenSans-Regular.eot');
   src: url('OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Regular.woff') format('woff'),
         url('OpenSans-Regular.ttf') format('truetype'),
         url('OpenSans-Regular.svg#OpenSansRegular') format('svg');
   font-weight: 400;
   font-style: normal;
 }
@font-face {
   font-family: 'Open Sans';
   src: url('OpenSans-SemiBold.eot');
   src: 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-weight: 600;
   font-style: normal;
 }
@font-face {
   font-family: 'Open Sans';
   src: url('OpenSans-Bold-webfont.eot');
   src: url('OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Bold.woff') format('woff'),
         url('OpenSans-Bold.ttf') format('truetype'),
         url('OpenSans-Bold.svg#OpenSansBold') format('svg');
   font-weight: 700;
   font-style: normal;
 }
@font-face {
   font-family: 'Open Sans';
   src: url('OpenSans-ExtraBold.eot');
   src: 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');
   font-weight: 800;
   font-style: normal;
 }