Centering and resizing logo for mobiles


I’m trying to get the logo to centre and resize on mobile devices.

I’ve already had a search through the forums on this topic, but for some reason the custom CSS code I’m using for the logo doesn’t seem to have any effect. I can resize the header buttons and the hero image, but the logo just doesn’t respond.

The website is

Any help would be much appreciated.