@font-face {
  font-family: "roboto-x";
  font-weight: 300;
  font-style: normal;
  src: url("../fonts/RobotoLight/RobotoLight.eot");
  src: url("../fonts/RobotoLight/RobotoLight.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoLight/RobotoLight.woff") format("woff"), url("../fonts/RobotoLight/RobotoLight.ttf") format("truetype");
}

@font-face {
  font-family: "istok-x";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/IstokWebRegular/IstokWebRegular.eot");
  src: url("../fonts/IstokWebRegular/IstokWebRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/IstokWebRegular/IstokWebRegular.woff") format("woff"), url("../fonts/IstokWebRegular/IstokWebRegular.ttf") format("truetype");
}

@font-face {
  font-family: "istok-x";
  font-weight: 700;
  font-style: normal;
  src: url("../fonts/IstokWebBold/IstokWebBold.eot");
  src: url("../fonts/IstokWebBold/IstokWebBold.eot?#iefix") format("embedded-opentype"), url("../fonts/IstokWebBold/IstokWebBold.woff") format("woff"), url("../fonts/IstokWebBold/IstokWebBold.ttf") format("truetype");
}

@font-face {
  font-family: "josefin-x";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/JosefinSansRegular/JosefinSansRegular.eot");
  src: url("../fonts/JosefinSansRegular/JosefinSansRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/JosefinSansRegular/JosefinSansRegular.woff") format("woff"), url("../fonts/JosefinSansRegular/JosefinSansRegular.ttf") format("truetype");
}

@font-face {
  font-family: "josefin-x";
  font-weight: 700;
  font-style: normal;
  src: url("../fonts/JosefinSansBold/JosefinSansBold.eot");
  src: url("../fonts/JosefinSansBold/JosefinSansBold.eot?#iefix") format("embedded-opentype"), url("../fonts/JosefinSansBold/JosefinSansBold.woff") format("woff"), url("../fonts/JosefinSansBold/JosefinSansBold.ttf") format("truetype");
}