/* fonts */
@font-face {
 font-family: 'Roboto Slab';
 src: url('../fonts/RobotoSlab-Light.eot') format('eot'),
      url('../fonts/RobotoSlab-Light.woff') format('woff'),
      url('../fonts/RobotoSlab-Light.ttf') format('truetype'),
      url('../fonts/RobotoSlab-Light.svg#RobotoSlab-Light.eot') format('svg'),
      url('../fonts/RobotoSlab-Light.otf') format('ttf');
    font-weight: 300;
    font-style: normal;
}

@font-face {
 font-family: 'Roboto Slab';
 src: url('../fonts/RobotoSlab-Regular.eot') format('eot'),
      url('../fonts/RobotoSlab-Regular.woff') format('woff'),
      url('../fonts/RobotoSlab-Regular.ttf') format('truetype'),
      url('../fonts/RobotoSlab-Regular.svg#RobotoSlab-Regular') format('svg'),
      url('../fonts/RobotoSlab-Regular.otf') format('ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
 font-family: 'Roboto Slab';
 src: url('../fonts/RobotoSlab-Bold.eot') format('eot'),
      url('../fonts/RobotoSlab-Bold.woff') format('woff'),
      url('../fonts/RobotoSlab-Bold.ttf') format('truetype'),
      url('../fonts/RobotoSlab-Bold.svg#RobotoSlab-Bold') format('svg'),
      url('../fonts/RobotoSlab-Bold.otf') format('ttf');
    font-weight: bold;
    font-style: normal;
}