html {
  font-size: 62.5%;
}

html, body, h1, h3,h4, h5, p, ul, li {
  margin: 0;
  padding: 0;
}

body {
  font-family: 'Montserrat';
  
  --nav-spacing: 2rem;
  --nav-sprite: url(https://elifelimo.com/frameset/frameset-sprite.png);
  --nav-back: calc(-4.8rem / 4) 0;
  --nav-dropdown: calc(0 / 3) 0;
  --nav-visit: calc(-14.4rem / 3) 0;

  --auto-comp-sprite: url(https://elifelimo.com/frameset/frameset-sprite.png);
  --auto-comp-up: calc(-9.6rem / 3) 0;
  --auto-comp-down: 0 0;
  --auto-comp-back: calc(-4.8rem / 4) 0;
  --auto-comp-height: 2.4rem;

  --sms-sprite: url(https://elifelimo.com/frameset/frameset-sprite.png);
  --sms-uncheck: calc(-62.4rem / 3) 0;  
  --sms-checked: calc(-67.2rem / 3) 0;

  --frameset-sprite: url(https://elifelimo.com/frameset/frameset-sprite.png);
  --framework-dropdown: calc(0 / 3) 0;
  --frameset-user: calc(-28.8rem / 2) 0;
  --frameset-menu: calc(-24rem * 11 / 24) 0;
  --frameset-close: calc(-19.2rem * 5 / 12) 0;
  --frameset-instagram: calc(-33.6rem / 2) 0;
  --frameset-twitter: calc(-38.4rem / 2) 0;
  --frameset-facebook: calc(-43.2rem / 2) 0;
  --frameset-google: calc(-48rem / 2) 0;
  --frameset-linkedin: calc(-52.8rem / 2) 0;
  --frameset-trustpilot: calc(-57.6rem / 2) 0;

}

@media screen and (min-width: 319px) and (max-width: 767.9px) {
  html {
    font-size: 62.5%;
  }
}

@media screen and (min-width: 768px) {
  html {
    font-size: 33.5%;
  }
}

@media screen and (min-width: 1024px) {
  html {
    font-size: 45.5%;
  }
}

@media screen and (min-width: 1280px) {
  html {
    font-size: 55.8%;
  }
}

@media screen and (min-width: 1440px) {
  html {
    font-size: 62.5%;
  }
}