Header image size & spacing + menu css conflict

Hey team,

1a) Is there a way to make the header image use 100% height of whatever screen the user has? Something like this http://www.lightstyle.co.nz/web/wolterart/

1b) If not possible, what are the recommended Images setting on the template config? At the moment it's set as http://awesomescreenshot.com/0f54y2cu3c

1c) Any way to have the header with a different height (like with the frontpage) for specific pages. IE: About Us, Contact http://www.lightstyle.co.nz/web/dridemo/index.php/contact

2) What CSS override do I need to use to reduce the space between header and articles/components and etc? Tried a few options without success.

3) For some reason that I cannot figure out http://www.lightstyle.co.nz/web/dridemo/index.php/orcamento which uses Contact Enhanced is pulling a different CSS for the menu. Any suggestions how to fix this?

Thanks,
Andre

1a) - no
1b) - This settings are from our demo:

Screen Shot 2015-06-02 at 07.27.22.png

They are not ideal, but you can fine tune. Ps - browsers usually don't have full 1080px height available for viewport on full hd.

1c) you can create page suffix and use it in override.css to forca (!important) different height.
2) Could you please mark this space on a screenshot?
3) Looks fine to me, have you been able to fix it or the issue is still there? If so, please describe the problem in details.