Logo is not resizing

Hello, just found out today the Cloriato theme was upgraded to responsive, so have downloaded and installed that on the website I manage. However the logo, which is bigger than the original one that came with the theme, does not resize and I don't know how to make it do so. A smaller logo looks inappropriate on the full width page but is too big when the page is in mobile view. How can I fix this? http://steamfest.redwater.org.au is the site I am asking about.

thanks in anticipation.

 

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

@media only screen and (max-width: 480px) {
.logo img {
width:80%;
}
}

 

Thanks Gourav - I 'liked you " and left a message but in case you don't see it, am here to say a big THANK YOU - not only because this code worked but also your prompt reply. So thanks for a responsive customer service about a problem with a fantastic responsive theme!