Site logo centered

Hello,

I just started building a new portfolio site. I forced the website logo to a specific size with the following css:

.site-logo {
line-height: 0;
max-height: 220px;
max-width: 700px;
}

But as soon as I did that, the logo repositioned itself, or rather it’s no longer centered. How can I force it back in to the center?

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