在已经垂直居中的div内垂直居中文本

Question

我在奋斗街上被打破了。我试图做的是使用css3变换在已经居中的div内的垂直居中文本。我尝试了很多不同的方法，但运气不好。我不想在文本的顶部添加填充，还有其他方法吗？ div高度也会因为响应而改变。

Play my fiddle

继承我的代码 -

＆＃13;

＆＃13;

html,
body {
  width: 100%;
  height: 100%;
}
.intro {
  height: 100%;
  width: 100%;
  background-color: #83fec6;
  color: #3a58e9;
}
.intro .container {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

＆＃13;

<section class="intro">
  <div class="container">
    <div class="row">

      <div class="col-md-4 col-sm-4">
        <img src="http://placehold.it/300x300&text=CHUMP">
      </div>

      <div class="col-md-8 col-sm-8">
        <h1>CENTER ME VERTICALLY<br>OH YEAH</h1>
      </div>
    </div>
  </div>
</section>

＆＃13;

＆＃13;

＆＃13;