Align logo center on mobile in WordPress

Hi guys,
Please can you help me with this little head-scratcher?
I’m trying to align my header logo to center when on a mobile screen.
I’ve used the following in other sites and it’s worked, yet on this website it doesn’t, so I’m stumped.
.logo {
display: block;
margin: 0 auto;
}
#logo {
display:block;
max-width: 200px;
margin:0 auto;
width: 100%;
}

Thanks in advance for any help

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