Edit in JSFiddle

<div class="intro">
  <div class="inner">
    <div class="contents">
      <h1>Breath Easy</h1>
      <a href="#" class="btn">Get Started</a>
    </div>
  </div>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet, distinctio eius mollitia. Esse dolor perferendis provident nihil suscipit ea facilis, dolores quis error, repudiandae, qui quo rem quia blanditiis sed asperiores saepe at odio vel sint libero, minus? Animi eveniet quidem nemo odit. At dicta labore fugiat. Pariatur neque, impedit?</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti eaque fugiat possimus inventore blanditiis ratione qui aperiam, officia beatae at impedit in excepturi amet dicta nobis ex quibusdam modi explicabo dignissimos! Aliquam eligendi, mollitia maiores voluptatibus temporibus nostrum magnam sint culpa, possimus praesentium illum. Id harum consectetur dolore, qui magni veritatis rerum explicabo, dolorem tempore excepturi libero recusandae tempora eveniet laborum ad reiciendis rem asperiores fuga facilis. Fugit molestias earum vel, libero ducimus numquam, consectetur quam atque eveniet nobis dignissimos sed dolore. Sed nemo dolore eaque, necessitatibus delectus aspernatur, similique cum aliquid expedita obcaecati quam fuga. Veritatis, voluptatem quam. Animi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt nostrum laudantium laboriosam saepe aliquam, qui dicta, error sapiente nobis magni molestiae debitis ex omnis, neque, aperiam assumenda dolorum minima? Doloribus.</p>

html, body{
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
.intro{
  width: 100%;
  height: 100%;
  margin: auto;
  background: url(http://vnfrkehd.dothome.co.kr/img/bg1.jpg) no-repeat 50% 50%;
  display: table;
  background-size: cover;
}
.intro .inner{
  display:table-cell;
  vertical-align: middle;
  width: 100%;
  max-width: none;
}
.contents{
  max-width: 500px;
  margin: 0 auto;
  text-align: center;
}
.contents h1{
  font-family: sans-serif;
  color: #f9f3f4;
  text-shadow: 0px 0px 300px #000;
  font-size: 500%;
  font-weight: 100;
}
.btn{
  border-radius: 9px;
  font-family: sans-serif;
  color: skyblue;
  font-size: 135%;
  padding: 10px 20px;
  border: 3px solid skyblue;
  text-transform: uppercase;
  text-decoration: none;
}
.btn:hover{
  color: #fff;
  border: 3px solid #fff;
}
p {
  font-size: 160%;
  line-height: 210%;
  text-align: justify;
  margin: 3%;
  font-family: sans-serif;
}
@media screen and (max-width: 768px){
  .contents h1{
    font-size: 250%;
  }
  .btn{
    font-size: 110%;
    padding: 7px 15px;
  }
  p{
    font-size: 100%;
    line-height: 160%;
  }
}