body {

  font-family: Avenir Next, SegoeUI, sans-serif;

}

​

header {

  padding-bottom: 56%;

  height: 0;

  background-color: #00aabb;

  background-image: filter(url(https://jsbin-user-assets.s3.amazonaws.com/thatemil/tinyimg.jpg), blur(1px));

  background-size: 100px 100px; /* ...or any other value, really. */

  text-align: center;

  overflow: hidden;

  position: relative;

}

​

h1 {

  color: #fff;

  margin-top: 20%;

}