<h1>EPIC HERO</h1>

body {
  margin: 0;
}
h1 {
  background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/blue-dawn-2x.jpg) #000;
  background-size: cover;
  background-position: top center;
  line-height: 1;
  margin-top: 0;
  font-size: 20vmin;
  font-family: Avenir, sans-serif;
  font-weight: 900;
  padding: 2rem;
  text-align: center;
  color: #fff;
  text-shadow: 0px 0px 8px rgba(0,0,0,0.6);
}
View Compiled 
// try resizing the browser window horizontally, then vertically

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.