Embedded form does not look the same on the preview mode?

RE "CONTACT FORM DESFORD" in my account.

Hi, I'm trying to create my form so that it matches the formatting of my website - so that the heading text of my form is the same size as the other headings on my website home page.

Using the JotForm builder I have chosen 'large' heading font size and it looks ok when I preview the form 'in new tab' via the jotform builder. 

The form is embedded into my website but looks different to how it does in the builder - the text sizes are smaller. 

Can you help with why this is/advise on how I can manually customise the font size of my form heading please.

Thanks in advance,

Ryan

Please inject the CSS code below to adjust the header size and font-weight. 

#header_1 {

font-size: 35pt !important; 

font-weight: normal;

}

I hope that helps. Let us know if you have any questions or if you need further assistance.