I'm having a little trouble with the finishing touches - hope you can help!

I'm attempting to increase the padding between the header image (using parallax) and the main content. (This padding issue is also present if I use page header titles/subtitles with no image). I orginally attempted to add some top padding to the 'container' through CSS, but that effect ripples throughout the site, which means pages like the masonry blog get pushed down. I'm trying to isolate it to the header. Perhaps I'm on the wrong path, so any help you could offer would be wonderful.

Think I figured it out (without effecting the rest of the layouts)

body[data-bg-header="true"] .container-wrap {padding-top: 25px!important;}

...seemed to do the trick!