css does not apply to form

I have gone into the designer and added some css code, which saves and previews correctly within the designer. But when viewing form (shared embedded code) the form does not honor css. What I am doing wrong?

Is this the form you are working on http://www.jotform.com/60624029106144? 

I have inspected your form and I saw that CSS code you added inside of Form Designer is not applied when form is previewed. 

To resolve this issue all you need to do, is to add !important rule for each line of your code. 

.form-header {

    color : #426eb3!important;

    font-size : 14px!important;

}

.form-subHeader {

    font-size : 12px!important;

}

On my cloned form I have added  !important rule.

Here is my cloned form: https://form.jotform.com/60625820048957 

Feel free to clone it. 

Hope this will help. Let us know if you need further assistance. 

Thank you BJoanna, that did trick!

You're welcome.

Feel free to contact us if you have any other questions.