JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main-wrapper-onepage">
    <!-- header -->
    <div class="header">
    <div class="header-headline">Dan Morris</div>
    </div>
    <!-- header-end -->
    </div>

CSS

.header {
    	width:100%;
    	height:667px;
    	background-image:url(../images/header_background.jpg);
    	background-size:cover;
    	text-align:center;
      border: 1px solid red;
      display: flex;
      align-items: center;
    }

    .header-headline {
    	width:100%;
    	text-align:center;
    	font-size:70px;
    	color:#FFF;
    	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
    	display:inline-block;
    	vertical-align:top;
      border: 1px solid blue;
    	
    }