[Theme Twenty Fourteen] White space above page – how do I remove it for blog

I can see there is a 72px padding for the pages. That looks really good and it makes the site nice.

However: I have set up a blog page. It is on the menu bar and when you click on it,it goes to my latest post.

It still acts as a page and therefore puts the white padding in and then does the first blog post. So I have a white gap between the header and the image.

I think I have seen the CSS which controls the padding. I do not want to get rid of it as it’s nice.

I’ve tried making a different template for the blog page and putting in CSS to get rid of it but that did not work.

Any advice? All I want is people to access my blog through a menu item and go to the post without seeing a white space.

Thanks