Responsive Logo in Tripod Theme

Hi,

I am running the Tripod theme and have recently replaced the text title of my webpage with a Jpeg image logo. http://www.daniellloydphotography.com

Like other people on this support page, I’m having issues with the size of the logo when viewed on a mobile phone.

The logo sizes correctly when the phone is in the horizontal position, but appears too large when in the vertical position and the viewer can only see the far left of the logo.

I’ve found other threads with the same issue, however these are for other Themes.

I have also come across some CSS text to add to the style.css file, however I am unaware of where to add this within this file.

Any help would be greatly appreciated.

Dan