Changing Homepage header image

Hi
Link to website www.sapcalculationsscotland.com
On the homepage the header image is taking up the full page height and I want it to be about 30% of the size.
I saw on another post you said

hey there Please add this CSS in appearance – customize – additional CSS #header .bottom-header.blog { padding: 60px 0; } Thanks! Colorlib Support Team
I tried to add this to additional CSS but nothing happened. What is the best thing to do

Hi there

Looks like you already fixed your problem by this css:

#header .bottom-header {
width: 100%;
padding-top: 40px;
padding-bottom: 40px;
text-align: center;
}