.weight-light {
    font-weight: 300 !important;
}

.weight-regular {
    font-weight: 400 !important;
}

.weight-bold {
    font-weight: 700 !important;
}

h1, h2, h3 {
    color: var(--wp--preset--color--primary-600);
}

h4, h5, h6 {
    color: var(--wp--preset--color--secondary-base);
}


h1 {
    margin-block-start: 0 !important;
    max-width: 100%;
    font-size: 2.2rem;
    font-weight: 900;
    line-height: 1;
    padding: 0;
    padding-bottom: 0.5rem;
}

h4 {
    max-width: 75%;
    font-size: 1.35rem;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1;
    padding: 0;
    padding-bottom: 0.25rem;
}

@media (min-width: 576px) {
    h1, h4 {
        max-width: 75%;
    }

    h1 {
        font-size: 3rem;
    }

    h4 {
        font-size: 1.5rem;
    }
}

@media (min-width: 768px) {
    h1 {
        padding-bottom: 1rem;
        font-size: 3.5rem;
    }

    h4 {
        font-size: 2rem;
    }
}

@media(min-width: 992px) {
    h1 {
        padding-bottom: 2rem;
        font-size: 4rem;
    }

    h4 {
        padding-bottom: 1rem;
        font-size: 2rem;
    }
}

@media(min-width: 1200px) {
    h1 {
        font-size: 4.8rem;
    }

    h4 {
        font-size: 2rem;
    }
}

p.lead {
    font-size: 125%;
}