I'm working on a website in Sketch (but that doesn't matter). I want to be consistent in my text styles, but obviously a mobile H1 should be a different size than a desktop H1 for legibility purposes.
So H1 is 48pt, and it's mobile equivalent is 24pt. Should I just create an H3 that's 24pt or a H1-mobile instead?