/*h1, h2, h3, h4, h5, h6 {
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    overflow-wrap: break-word;
    word-break: normal;
}
@media (max-width: 767px) {
    h1, h2, h3, h4, h5, h6 {
        word-break: break-word;
    }
}

p {
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    overflow-wrap: break-word;
}


header,
.site-header,
.brand,
.logo-text,
.site-title {
    hyphens: auto;
    overflow-wrap: break-word;
    word-break: normal;
}


@media (max-width: 480px) {
    .card,
    .tile,
    .teaser,
    nav a,
    button,
    .button {
        hyphens: auto;
        overflow-wrap: break-word;
    }
}
*/
.header-brand-text,
header .h1-hero,
.hero-headline {
    hyphens: auto;
    overflow-wrap: break-word;
    word-break: normal;

    font-size: clamp(1.5rem, 5vw + 1rem, 3rem);
}