JSFiddle - React, Tailwind, and code Playground

HTML

<div id="nav"> 
<p> <a href="http://seersuckermag.com"> Seersucker <span> Magazine </span> </a></p>
	
</div>

<div id="header"> 

	<div id="title"> 
		<h1 class="neue big"> Whitewashed </h1>
		<h3 class="neue medium"> * Destroying The Graffiti  Mecca *</h3>
		<h2 class="neue little">by richie siegel </h2>
	</div>
	
	
</div>

CSS

a{
    text-decoration:none;
    color:black;
}

#header {
height: 200px;
width: 100%;
background-image: url(http://whitewashed.richiesiegel.com/images/5pointz_white_door.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: table;
vertical-align: middle;
text-align: center;
padding-top: 59px;
}

#title {
display: table-cell;
width: 100%;
height: 100%;
font-size: 100px;
color: rgba(106,106,106,0.41);
text-align: center;
vertical-align: middle;
}

#nav {
height: 40px;
background-color: #ffffff;
position: fixed;
font-size: 2.0em;
padding-top: 9px;
padding-bottom: 10px;
text-transform: uppercase;
width: 100%;
text-align: center;
color: #272732;
letter-spacing: .192em;
font-family: 'brandon-grotesque',Helvetica,sans-serif;
font-weight: 900;
z-index: 1;
}

.neue{
font-family: helvetica neue , sans-serif;
font-weight: 100;
text-transform: ;
letter-spacing: .1em;
color: rgba(0,0,0,0.4);
}

.big{
    font-size:80px;
}
.medium{
    font-size:20px;
}
.little{
    font-size:12px;
}

* {
margin: 0;
padding: 0;
}