@font-face {
  font-family: 'Haettenschweiler';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/Haettenschweiler.ttf.woff') format('woff'), url('../fonts/Haettenschweiler.ttf.svg#Haettenschweiler') format('svg'), url('../fonts/Haettenschweiler.ttf.eot'), url('../fonts/Haettenschweiler.ttf.eot?#iefix') format('embedded-opentype');
}

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 200;
  src: url(../fonts/Raleway-ExtraLight.ttf) format('truetype');
}

@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 200;
  src: url(../fonts/Raleway-ExtraLightItalic.ttf) format('truetype');
}

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Raleway-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 400;
  src: url(../fonts/Raleway-Italic.ttf) format('truetype');
}

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/Raleway-Bold.ttf) format('truetype');
}

@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 700;
  src: url(../fonts/Raleway-BoldItalic.ttf) format('truetype');
}