@media (max-width: 640px) {
  .page-charming-swietokrzyskie .hero h1 {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    white-space: normal;
    font-size: clamp(30px, 8.5vw, 36px);
    letter-spacing: 1px;
    word-spacing: 2px;
    word-break: keep-all;
    overflow-wrap: normal;
    hyphens: none;
  }
}

@media (max-width: 360px) {
  .page-charming-swietokrzyskie .hero h1 {
    font-size: 30px;
  }
}