Big Title section height

Hi,

I use the template Llorix One template, but maybe someone with experience with Zerif or Parallax One could also answer the question (same big title area).

I would like to change the big title image to a little smaller, so I added height in style.css.
.header {
background-size: cover;
background-attachment: fixed;
background-position:top center;
height: 300px;
}

This works, but as you can see in the attachment here () text is falling of. Is it possible to change height for the whole big title area (logo and text included) in CSS? Is the website still responsive after I change?

I really hope you can help me out with this, themeisle.com does not support customization.

Best regards,

Lennart