Can’t center the menu bar site logo

Hi I can’t get the site logo which is in the menu bar the center or menu bar, it always sites at the bottom of the bar. I have tried adding a space at the bottom of the image to manually push it up but all it does is make the image smaller.

I have been able to achieve this on my other multisite websites using this theme but not this one.

Below is the custom CSS I am using to format the site

The site address is www.thegameofdog.com

Can I ask you to take a look and tell me what I am doing wrong please

Thanks

ins {
    background-color: #fcfcfc !important;
}
/* Main Slider */
#main-slider {
margin-bottom: -55px;
}
/* Vantage logo in menu padding */
#masthead.masthead-logo-in-menu .logo {
  padding: 0px 0 0px 0;
}
/* Vantage Remove Logo in Menu img constraint */
header#masthead.masthead-logo-in-menu .logo > img {
max-height: 52px;
}
.share-buttons .linkedin.network {
    display: none;
}