HERO Mockup

This is a post mockup with a HERO image on MyPost.
Here is the CSS to show how this HERO mockup was created:

CSS:
 
 .headline { display: none; }
 h1 { text-align: center; }
 .container {
background: url('http://goo.gl/tiUi99') top center;
background-size: cover;
width: 1900px;
margin: auto;
max-width: 100%;
height: 600px;
display: block;
margin-top: -24px;
 }
 .block { padding-top: 575px; }
 
 Content:
 
 
HERO Mockup
This is a post mockup with a HERO image on MyPost.