@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');
body{
     margin:0;
     padding:0;
     background-color:#666666;
     font-family: 'Roboto', sans-serif;
}
.splash{
     margin:0 auto;
     width:60vw;
     height:100vh;
     text-align:center;
}
.splash .table{
     display:table;
     width:100%;
     height:100%;
}
.splash .table .table-cell{
     display:table-cell;
     vertical-align:middle;
}
.splash img{
     display:block;
     margin:0 auto;
     max-width:600px;
     width:100%;
     height:auto;
}
.splash h1{
     margin:0;
     font-size:7vw;
     font-weight:400;
     color:#ffffff;
     text-transform:uppercase;
}
.splash h1 span{
     display:inline-block;
     padding:20px 50px;
     font-size:3vw;
     color:#cb2128;
     text-transform:capitalize;
     background-color:#ffffff;
}

<section class="splash">
     <div class="table">
          <div class="table-cell">
               <img src="/wp-content/uploads/2018/09/splash_bags.png" alt="Darkspire Coffee" />
               <h1>Temporarily Closed</h1>
          </div>
     </div>
</section>