/** Font styles **/

@font-face {
  font-family: 'RobotoMedium';
  src: url('Roboto-Medium-webfont.eot');
  src: url('Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
       url('Roboto-Medium-webfont.woff') format('woff'),
       url('Roboto-Medium-webfont.ttf') format('truetype'),
       url('Roboto-Medium-webfont.svg#robotomedium') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'RobotoThin';
  src: url('Roboto-Thin-webfont.eot');
  src: url('Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'),
       url('Roboto-Thin-webfont.woff') format('woff'),
       url('Roboto-Thin-webfont.ttf') format('truetype'),
       url('Roboto-Thin-webfont.svg#robotothin') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url('Roboto-Regular-webfont.eot');
  src: url('Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
       url('Roboto-Regular-webfont.woff') format('woff'),
       url('Roboto-Regular-webfont.ttf') format('truetype'),
       url('Roboto-Regular-webfont.svg#robotoregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'RobotoBlack';
  src: url('Roboto-Black-webfont.eot');
  src: url('Roboto-Black-webfont.eot?#iefix') format('embedded-opentype'),
       url('Roboto-Black-webfont.woff') format('woff'),
       url('Roboto-Black-webfont.ttf') format('truetype'),
       url('Roboto-Black-webfont.svg#robotoblack') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'RobotoBold';
  src: url('Roboto-Bold-webfont.eot');
  src: url('Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
       url('Roboto-Bold-webfont.woff') format('woff'),
       url('Roboto-Bold-webfont.ttf') format('truetype'),
       url('Roboto-Bold-webfont.svg#robotobold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'RobotoLight';
  src: url('Roboto-Light-webfont.eot');
  src: url('Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
       url('Roboto-Light-webfont.woff') format('woff'),
       url('Roboto-Light-webfont.ttf') format('truetype'),
       url('Roboto-Light-webfont.svg#robotolight') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MallannaRegular';
  src: url('Mallanna-Regular.eot');
  src: local('☺'),
    url('Mallanna-Regular.woff') format('woff'),
    url('Mallanna-Regular.ttf') format('truetype'),
    url('Mallanna-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

.font-RobotoMedium {
  font-family: "RobotoMedium" !important;
}

.font-RobotoThin {
  font-family: "RobotoThin" !important;
}

.font-Roboto {
  font-family: "Roboto" !important;
}

.font-RobotoBlack {
  font-family: "RobotoBlack" !important;
}

.font-RobotoBold {
  font-family: "RobotoBold" !important;
}

.font-RobotoLight {
  font-family: "RobotoLight" !important;
}

.font-MallannaRegular {
  font-family: "MallannaRegular" !important;
}