JSFiddle - React, Tailwind, and code Playground

HTML

<div id="Header">
   <p id="HeaderBrand">
       Foobar Destination Management
   </p>
</div>

CSS

#Header { 
    position: relative;
    height: 70px;
    background-color: red;
}

#HeaderBrand { 
    position: absolute;
    width: 150px;
    height: 70px;
    top: 50%;   
    margin-top: -25%;
    margin-left: 625px;
    font-family: 'Times New Roman';
    font-size: 18px;
    color: #fff; 
    line-height:16px;
}