@font-face {
   font-family: 'RalewayBold';
   src: url('../fonts/RalewayBold.eot');
   src: url('../fonts/RalewayBold.eot') format('embedded-opentype'),
      url('../fonts/RalewayBold.woff2') format('woff2'),
      url('../fonts/RalewayBold.woff') format('woff'),
      url('../fonts/RalewayBold.ttf') format('truetype'),
      url('../fonts/RalewayBold.svg#RalewayBold') format('svg');
}

@font-face {
   font-family: 'AkrobatRegular';
   src: url('../fonts/AkrobatRegular.eot');
   src: url('../fonts/AkrobatRegular.eot') format('embedded-opentype'),
      url('../fonts/AkrobatRegular.woff2') format('woff2'),
      url('../fonts/AkrobatRegular.woff') format('woff'),
      url('../fonts/AkrobatRegular.ttf') format('truetype'),
      url('../fonts/AkrobatRegular.svg#AkrobatRegular') format('svg');
}

@font-face {
   font-family: 'AkrobatBold';
   src: url('../fonts/AkrobatBold.eot');
   src: url('../fonts/AkrobatBold.eot') format('embedded-opentype'),
      url('../fonts/AkrobatBold.woff2') format('woff2'),
      url('../fonts/AkrobatBold.woff') format('woff'),
      url('../fonts/AkrobatBold.ttf') format('truetype'),
      url('../fonts/AkrobatBold.svg#AkrobatBold') format('svg');
}

@font-face {
   font-family: 'RalewayRegular';
   src: url('../fonts/RalewayRegular.eot');
   src: url('../fonts/RalewayRegular.eot') format('embedded-opentype'),
      url('../fonts/RalewayRegular.woff2') format('woff2'),
      url('../fonts/RalewayRegular.woff') format('woff'),
      url('../fonts/RalewayRegular.ttf') format('truetype'),
      url('../fonts/RalewayRegular.svg#RalewayRegular') format('svg');
}