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?") format("eot"), url("../fonts/roboto/regular.woff2") format("woff2"), url("../fonts/roboto/regular.woff") format("woff"), url("../fonts/roboto/regular.ttf") format("truetype"), url("../fonts/roboto/regular.svg#Roboto_regular") format("svg");
}

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

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

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

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

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

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

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

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

html {
  font-size: 62.5%;
}

body {
  color: #4d4d53;
}