Header / Logo Not Center-Aligning

Site: http://www.capilanocourier.com/

Hi there,

First time posting to forum! I’ve have read through quite a lot on my current issue and others in past, but for some reason can’t solve problem of center-aligning the header / custom logo.

I’ve tried inputting in custom CSS area:

.logo {
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

As well as:

.logo
{
text-align:center;

I even tried the above using ID: #custom_logo.

Just not getting the desired result. Any help would be greatly appreciated.

Cheers.