/* === Responsive Typography and Layout Normalization === */
html, p {
  font-size: 16px; /* Desktop baseline */
}

@media (max-width: 1024px) {
  html, p {
    font-size: 1.05em;
  }
    header {
    min-height: 130px; /* allow more space for larger text */
    padding-top: 10px;
    padding-bottom: 10px;
}
.headercenter {
    padding: 18px 0 18px 0;
}
}

@media (max-width: 768px) {
  html {
    font-size: 1.1em;
  }
}

@media (max-width: 480px) {
  html {
    font-size: 1.15em; 
  }
}

/* === Headings Responsive Scaling === */
h1 {
  font-size: clamp(1.8em, 5vw, 2em);
}

h2 {
  font-size: clamp(1.3em, 4vw, 1.5em);
}

h3 {
  font-size: clamp(1.2em, 3.2vw, 1.28em);
}

p {
  font-size: clamp(1em, 2.5vw, 1.15em);
}