body {
  font-family: 'Roboto light';
}

body {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: normal;
  line-height: 22px;
}

@font-face {
  font-family: "Roboto regular";
  font-weight: "normal";
  src: url("../fonts/roboto/regular.eot%3F") format("eot"), url("../fonts/roboto/regular.woff2.html") format("woff2"), url("../fonts/roboto/regular.woff") format("woff"), url("../fonts/roboto/regular.ttf") format("truetype"), url("../fonts/roboto/regular.svg") format("svg");
}

@font-face {
  font-family: "Roboto italic";
  font-weight: "normal";
  src: url("../fonts/roboto/italic.eot%3F") format("eot"), url("../fonts/roboto/italic.woff2.html") format("woff2"), url("../fonts/roboto/italic.woff") format("woff"), url("../fonts/roboto/italic.ttf") format("truetype"), url("../fonts/roboto/italic.svg") format("svg");
}

@font-face {
  font-family: "Roboto bold";
  font-weight: "normal";
  src: url("../fonts/roboto/bold.eot%3F") format("eot"), url("../fonts/roboto/bold.woff2.html") format("woff2"), url("../fonts/roboto/bold.woff") format("woff"), url("../fonts/roboto/bold.ttf") format("truetype"), url("../fonts/roboto/bold.svg") format("svg");
}

@font-face {
  font-family: "Roboto bold italic";
  font-weight: "normal";
  src: url("../fonts/roboto/bolditalic.eot%3F") format("eot"), url("../fonts/roboto/bolditalic.woff2.html") format("woff2"), url("../fonts/roboto/bolditalic.woff") format("woff"), url("../fonts/roboto/bolditalic.ttf") format("truetype"), url("../fonts/roboto/bolditalic.svg") format("svg");
}

@font-face {
  font-family: "Roboto light";
  font-weight: "normal";
  src: url("../fonts/roboto/light.eot%3F") format("eot"), url("../fonts/roboto/light.woff2.html") format("woff2"), url("../fonts/roboto/light.woff") format("woff"), url("../fonts/roboto/light.ttf") format("truetype"), url("../fonts/roboto/light.svg") format("svg");
}

@font-face {
  font-family: "Roboto light italic";
  font-weight: "normal";
  src: url("../fonts/roboto/lightitalic.eot%3F") format("eot"), url("../fonts/roboto/lightitalic.woff2.html") format("woff2"), url("../fonts/roboto/lightitalic.woff") format("woff"), url("../fonts/roboto/lightitalic.ttf") format("truetype"), url("../fonts/roboto/lightitalic.svg") format("svg");
}

@font-face {
  font-family: "Roboto medium";
  font-weight: "normal";
  src: url("../fonts/roboto/medium.eot%3F") format("eot"), url("../fonts/roboto/medium.woff2.html") format("woff2"), url("../fonts/roboto/medium.woff") format("woff"), url("../fonts/roboto/medium.ttf") format("truetype"), url("../fonts/roboto/medium.svg") format("svg");
}

@font-face {
  font-family: "Roboto medium italic";
  font-weight: "normal";
  src: url("../fonts/roboto/mediumitalic.eot%3F") format("eot"), url("../fonts/roboto/mediumitalic.woff2.html") format("woff2"), url("../fonts/roboto/mediumitalic.woff") format("woff"), url("../fonts/roboto/mediumitalic.ttf") format("truetype"), url("../fonts/roboto/mediumitalic.svg") format("svg");
}

@font-face {
  font-family: "FontAwesome";
  font-weight: "normal";
  src: url("../fonts/fontawesome/fontawesome.eot%3F") format("eot"), url("../fonts/fontawesome/fontawesome.woff2.html") format("woff2"), url("../fonts/fontawesome/fontawesome.woff") format("woff"), url("../fonts/fontawesome/fontawesome.ttf") format("truetype"), url("../fonts/fontawesome/fontawesome.svg") format("svg");
}

html {
  font-size: 62.5%;
}

body {
  color: #4D4D53;
}