I can't increase the site title height ... also need misc. help with site title scroll transition?

[ben_mcquage]

Hi all;  I need some help with the site title of my website:   www.zone3explorers.com.

(1)  The first issue is my site title height is fixed, most likely from the theme I picked (slick - business). I need to know how to make it bigger. I'm comfortable using CSS so if there is any code that can help, let me know.

(2)   If you begin to scroll down on my website, focus on the site title/menu header. You'll notice the sizes and overall format become skewed. I currently have this CSS code in the SEO Header Code section which might have something to do with it  (ignore the absent indents, I just copied it over):

<style>
.topbar {
background-color: white;
}
.logo {
text-align: center;
background-color: transparent;
border-bottom-style: solid;
border-color: #D12614;
border-width: 4px
}
#wsite-title {
color: white;
}
</style>

Any suggestions are appreciated!

[bobafett · Accepted solution]

@ben_mcquage: for site title height try this

<style>
.topbar {
height: 100px !important;
}
</style>

On my screen the things dont' look skewed at all

BTW: Pugetsound is a beautiful place.

[ben_mcquage]

Thanks @bobafett, it worked just as I needed ... I'm glad it shows up good on your screen too.  And, Puget Sound is definitely the place to be.

[Thanks for all your work on this site; I've been helped by dozens of your answers to other community questions.]