html {
  scroll-behavior: smooth;
}

/* Hide on mobile (screens smaller than 768px) */
.mobile-hide {
  display: block;
}

@media (max-width: 767px) {
  .mobile-hide {
    display: none;
  }

h1 {
        font-size: 32px !important;
        line-height: 110% !important;
    }
    h2 {
        font-size: 24px !important;
        line-height: 110% !important;
    }

}
}

/* Hide on desktop/tablet (screens 768px and larger) */
.desktop-hide {
  display: block;
}

@media (min-width: 768px) {
  .desktop-hide {
    display: none;
  }
}