I want different heading font sizes on different pages on Brine mobile view.

Site URL: https://www.jamieclarkimages.co.uk/

Hi all,

I use this code below to change heading font sizes on mobile view for a brine template. I want a different h2 font size on the 'About' page ONLY on mobile though.  So different heading font sizes on different pages on brine mobile view.  

Any help greatly appreciated. Thanks 

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

body {font-size: 12pt}

h1 {font-size: 11pt}

h2 {font-size: 10pt}

h3 {font-size: 16pt}

}

Add this to Page Header (Each page has page header)

<style>
  @media screen and (max-width: 641px) {

body {font-size: 12pt}

h1 {font-size: 11pt}

h2 {font-size: 10pt}

h3 {font-size: 16pt}

}
</style>