@font-face
{
    font-family: 'Dosis-Bold';
  src: url('Dosis-Bold.eot');
  src: url('Dosis-Bold.eot?#') format('embedded-opentype'),
      url('Dosis-Bold.woff') format('woff'),
      url('Dosis-Bold.ttf') format('truetype');
}
@font-face
{
    font-family: 'Dosis-Book';
  src: url('Dosis-Book.eot');
  src: url('Dosis-Book.eot?#') format('embedded-opentype'),
      url('Dosis-Book.woff') format('woff'),
      url('Dosis-Book.ttf') format('truetype');
}
@font-face
{
    font-family: 'Dosis-Light';
  src: url('Dosis-Light.eot');
  src: url('Dosis-Light.eot?#') format('embedded-opentype'),
      url('Dosis-Light.woff') format('woff'),
      url('Dosis-Light.ttf') format('truetype');
}
@font-face
{
    font-family: 'Dosis-Medium';
  src: url('Dosis-Medium.eot');
  src: url('Dosis-Medium.eot?#') format('embedded-opentype'),
      url('Dosis-Medium.woff') format('woff'),
      url('Dosis-Medium.ttf') format('truetype');
}
@font-face
{
    font-family: 'Dosis-SemiBold';
  src: url('Dosis-SemiBold.eot');
  src: url('Dosis-SemiBold.eot?#') format('embedded-opentype'),
      url('Dosis-SemiBold.woff') format('woff'),
      url('Dosis-SemiBold.ttf') format('truetype');
}