Mobile Site Title too Small - tried Css in other thread

Site URL: https://seasidedigitaldesign.com/

I have a custom font in my Site Title a and would like it to appear larger on mobile. It's fine on tablet, but too small on mobile.

https://seasidedigitaldesign.com/

Add to Home > Design > Custom CSS

@media screen and (max-width:768px) {
h1#siteTitle a {
    font-size: 20px;
}
}

It still looks too small-- I'd like it to be larger than 20px, but when I try to do that it resizes to the smaller font...

3 minutes ago, jshade77 said:

It still looks too small-- I'd like it to be larger than 20px, but when I try to do that it resizes to the smaller font...

try this

@media screen and (max-width:768px) {
h1#siteTitle a {
    font-size: 50px !important;
}
}

That make is no longer responsive--- I wish it would keep the formatting in two lines the same, but it seems to force it to one line on mobile.