Flexbox align to bottom

I have the following layout http://jsbin.com/joyetaqase/1/edit?html,css,output

<div class="row">

    <div class="col">
      <h2>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</h2>
      <p>my footer</p>
    </div>

     <div class="col">
      <h2>Lorem Ipsum.</h2>
      <p>my footer</p>
    </div>

  </div>

Using flexbox I'm trying to make same height and same width to the .col divs.

My question is: how can I put the <p> to stick at the bottom of the box?

Layout should look like:

I know I can make the <p> absolute and use bottom:0; but I want to achieve this with flexbox, is it possible?

Can someone explain?