Lots of space at the bottom of the logo

Hi,
I have looked at various threads and have added the following to the custom CSS of my site: https://www.precisionbodywork.co.uk

.site-footer h3 {
  display: none;
}
.entry-content {
  margin-top: 3.5em !important;
}
.entry-container {
  padding: 0 5% !important;
}
@media all and (min-width: 900px) {
  .site-title .logo {
    max-width: 380px;
    max-height: 400px;
}
  #title-info .logo {
    position: relative;
    top: -75px;
  }
  .site-header {
    padding-bottom: 0;
  }
}

However, as you can see I have a masive amount fo space under the logo which I can’t resolve by changing the padding. The logo itself is cropped tight so it’s not the image.

Could you let me know how to resolve please?