Can we make the hight of "header-logo" shorter?

[dnkennedy]

When we see the webpage (on a computer screen, at least) the nice logo takes up 100% of the view, and you need to (know to) scroll down to get to all the rest of the content. Lazy people (like me) might mistakenly not know htat there is more content below. Can we make the 'viewport' of the header logo something more like 50% of the opening screen? This is probably something 'reactive' and I'm way out of my league...

I found what I thought was the css control for the header-logo section in assets/css/launch.css which has:
.header-logo {
background: rgb(255,255,255);
background: linear-gradient(rgba(255,255,255,1) 25%, rgba(90,220,250,1) 100%);
height: 100vh;
display:flex;
overflow: auto;
justify-content: space-around;
align-items: center;
flex-wrap:wrap;
}

I naively hoped that changing "height: 100vh;" to "height: 50vh;" might do the trick, but that change seemed to not do anything on my local testing. Not sure if the css change wasn't really taking effect, or what. Since I'm out of my league here, passing the issue off to those who actually know something!