Responsive H1 and Font

Hi,

I wanted to make the H1 Titles on mobile phones smaller – so in the custom code I added –

@media only screen and (max-width: 767px) {
h1 { font-size: 22px !important; }
}

So that worked pretty well – but what can I use to make the font responsive also?

It’s a little too big at 15px (which is fine for desktops/iPads etc..)

Also, after I used the above code – now there’s a lot of white space between the H1 title and the menu…how can I remove that space?

Thanks,

Tiarnan