Looking for way to reduce the amount of white space surrounding the logo. There's a lot of white space above it and a lot of white space below it. Would like to reduce the amount of the white space. Thanks

The white space is basically a margin or padding which can be changed with css code.
And please make sure that you image has no white space too.
Try this code below and this code to your custom.css

.tm-headerbar {
margin-bottom: 0;
margin-top: 0;
}

Problem solved.