Adjust logo height to be taller than header (7.1)

Site URL: https://kangaroo-cyan-yjet.squarespace.com/

Password to enter the site is "prosper".

I am attempting the make the logo height taller than the header.
The logo for the site is a banner type logo that I would like to hang down past the header.

There must be a way to manually adjust the header and logo sizing in CSS.

Add to Design > Custom CSS

header#header img {
    position: relative;
    bottom: -50px;
}

17 hours ago, tuanphan said:

Add to Design > Custom CSS

header#header img {
    position: relative;
    bottom: -50px;
}

 

This gets the logo to drop below the header, but it does not allow me to adjust the logo size relative to the size of the header. I need the header to be the shortest height possible, and the logo to be large enough to be legible.

9 hours ago, tuanphan said:

Add this new code

.header-announcement-bar-wrapper {
    padding-top: 0 !important;
    padding-bottom: 0px !important;
}
header#header img {
    max-height: 150px;
    position: absolute;
    top: 50% !important;
    left: 50%;
    transform: translate(-50%,-50%);
}
header#header {
    margin-top: 25px;
}

 

I was able to get this to work! Thank you!

What I used:

.header-announcement-bar-wrapper {
    padding-top: 10px !important;
    padding-bottom: 0px !important;
}
header#header img {
    max-height: 150px;
    position: absolute;
    top: 50% !important;
    left: 50%;
    transform: translate(-50%,-50%);
      margin-top: 33px;
}
header#header {
    margin-top: 0px;
}