How can i make the header of my form display correctly on a smart phone?

https://www.jotform.com/build/70917245489871/design

The above link is my form. When its viewed on smart phone it shrinks the logo and keeps the phone number and email address quite large. What can I do to fix this?

Thank you

Please add this CSS code to your form:

@media screen and (max-width: 480px), screen and (max-device-width: 768px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape)

{

div.form-header-group.hasImage img {

    max-width: 120px;

}}

How to Inject Custom CSS Codes

After you add mentioned CSS code to your form your header should look like this on mobile devices.

Here is my demo form: https://form.jotformpro.com/70932727279971 

Feel free to test it and clone it.

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

Thank you works great now!