<div class="container">
  <div class="text-wrapper">
    <h1 class="text">Flatiron Building</h1>
<!--     <h2>New York, NY</h2> -->
  </div>
</div>
@import url(https://fonts.googleapis.com/css?family=Righteous);

body {
  background: url(http://abbeyjfitzgerald.com/wp-content/uploads/2017/04/flatiron-building.jpg) no-repeat fixed center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.container{
  
  max-height:100vh;
}

.text-wrapper {
  width: 100vw;
  margin: 20% auto;
}

h1, h2 {
    font-family: 'Righteous', cursive;
}

h1.text {
  font-size:  9.9vw;
  text-transform: uppercase;
  text-shadow: 2px 3px 0 rgba(140, 39, 56, 0.8);
  color: white;
  margin: 0;
}

h2 {
  color: #3c4048;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.