h1 {
    height: calc(var(--text-xl) * 1.5);
}

h1 + p {
    max-width: 800px;
}


@media all and (max-width: 600px) {

    h1 {
        width: 100%;
        flex-direction: column!important;
    }

}