Change header overlay, opacity size & site title position

Hi there,
The header size Additional CSS works great, but it doesn’t adjust the size of the header overlay or opacity in line with this. How can I change this?
Also, the site title doesn’t shift in line with the smaller header, can you suggest additional CSS to change this position (or make it responsive to header height).
Cheerio,
Maude