<header>
   <div>
      <h1>My article</h1>
      <p>This is a sub heading</p>
   </div>
</header>

header {
    height: 410px;
    background-image: url('../image/bg.png') no-repeat;
}
header > div {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}