/*/////////////////////////////////////////////////////////////
FONT FACE
*/
@font-face {
  font-family: "romelio";
  src: url("../fonts/romelio-webfont.eot");
  src: url("../fonts/romelio-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/romelio-webfont.woff2") format("woff2"), url("../fonts/romelio-webfont.woff") format("woff"), url("../fonts/romelio-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*/////////////////////////////////////////////////////////////
VARIABLES
*/
/*//////////////////////////////////////////////////////////
MIXINS
//////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////
TYPOGRAPHY
*/
:root {
  font-size: 24px;
}
@media screen and (min-width: 1900px) {
  :root {
    font-size: calc(1.0309278351vw + 4.412371134px);
  }
}
@media screen and (min-width: 3840px) {
  :root {
    font-size: 44px;
  }
}
@media only screen and (max-width: 1900px) {
  :root {
    font-size: 20px;
  }
}
@media only screen and (max-width: 1900px) and (min-width: 780px) {
  :root {
    font-size: calc(0.3571428571vw + 17.2142857143px);
  }
}
@media only screen and (max-width: 1900px) and (min-width: 1900px) {
  :root {
    font-size: 24px;
  }
}
@media only screen and (max-width: 780px) {
  :root {
    font-size: 18px;
  }
}
@media only screen and (max-width: 780px) and (min-width: 360px) {
  :root {
    font-size: calc(0.4761904762vw + 16.2857142857px);
  }
}
@media only screen and (max-width: 780px) and (min-width: 780px) {
  :root {
    font-size: 20px;
  }
}