Issues with the header on phone

Hi,

Just a quick question about whether I can put some extra coding into the site (I’m guessing in CSS) to reformat my header when the site is viewed on a phone. The header seems like it is not resizing to fit a phone screen. I’m wondering if it is because it can not resize the image as is has text on? Therefore to I have to make a separate image for phones?

If you view the linked page it shows OK on a pc (and also on a ipad) but when viewed on a phone (in the header) it does not show the whole email address or phone number and also the page title appears to be squashed up to the top. I’m viewing it on a Samsung S5.

Many Thanks,

Paul

The page I need help with: [log in to see the link]