What's the best SEO strategy for custom HTML section headings?

[guyv]

Hi!

I have a Custom HTML Section on my homepage with the heading "OUR MISSION AT ELECTRIC RIDE CO." (see screenshot attached). I used the <h1> heading tag as it provided the correct font and size that I wanted to display. However I got a notification from Google Search Console that this is not good for SEO as my page now has two <h1> heading tags.

Please can someone advise on the best SEO friendly way to use a heading with the following properties: font = unica one, size = 36px.

Thanks in advance!

https://electricrideco.com/

[SmallTask]

Hello,

You can change that heading text to <h2> heading tag. 

If you need any assistance in solving your queries, feel free to contact us. 

[guyv]

@SmallTask 

Thanks for your comment.

Changing the header to <h2> gives the wrong font and size.

I have created the following h2 custom class:

h2.custom {
font-family: "unica one", sans-serif;
font-weight: normal;
font-size: em(36);
letter-spacing: 0.1em;
}

@media (max-width:750px){
    
h2.custom{
    font-size: em(30) !important;
}
}

Is this fine for SEO?