.product-archive-header {
    text-align: center;
    padding-bottom: 100px;
    margin-top: -20px;
}

.product-archive-header h1 {
    margin-bottom: 4px;
    font-weight: var(--font-weight-normal);
    font-size: 2.2rem;
}

.product-archive-header span {
    display: block;
}

@media screen and (max-width: 959px) {

    .product-archive-header {
        padding-bottom: 50px;
        padding-top: 20px;
    }

    .product-archive-header h1 {
        font-size: 2rem;
    }

    .product-archive-header span {
        font-size: 0.95rem;
    }

}