@media (min-width: 1024px) {
  html {
    font-size: 15px;
  }

  body {
    zoom: 0.94;
  }
}

@media (min-width: 1440px) {
  html {
    font-size: 14px;
  }

  body {
    zoom: 0.88;
  }
}

@media (min-width: 1920px) {
  html {
    font-size: 13.5px;
  }

  body {
    zoom: 0.82;
  }
}

@supports not (zoom: 1) {
  @media (min-width: 1024px) {
    body {
      transform: scale(0.94);
      transform-origin: top left;
      width: 106.383%;
      min-height: 106.383vh;
    }
  }

  @media (min-width: 1440px) {
    body {
      transform: scale(0.88);
      width: 113.636%;
      min-height: 113.636vh;
    }
  }

  @media (min-width: 1920px) {
    body {
      transform: scale(0.82);
      width: 121.951%;
      min-height: 121.951vh;
    }
  }
}

body.page-map,
body.page-messages {
  zoom: 1;
}

@supports not (zoom: 1) {
  body.page-map,
  body.page-messages {
    transform: none;
    width: auto;
    min-height: 100vh;
  }
}