Hi, I've added some custom CSS to reduce the size of the Shop and Product Category H1 page titles and also to add some padding on mobile. This works fine in Chrome but there is no change in Safari or Firefox. Code I've added is below, any help much appreciated.

@media only screen and (min-width: 1001px) {
    h1.page-title {
    font-size: 34px!important;
}
}

@media only screen and (max-width: 1000px) {
    h1.page-title {
    font-size: 26px!important;
}
}

@media only screen and (max-width: 621px) {
    .page-title {
    padding-bottom: 20px!important;
}
}