.col-eq-height{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
.col-eq-height > [class*='col-'] {
    margin-bottom: 30px;
}
.col-eq-height .inside{
    display: flex;
    flex-direction: column;
    /*    
    align-items: center;
    justify-content: center;
    */
    margin: 0px;
    padding: 0px;
    height: 100%;
}

.col-eq-height-vertical-center{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
.col-eq-height-vertical-center > [class*='col-'] {
    display: flex;
    flex-direction: column;
    padding: 15px;
    /*align-items: center;*/
    justify-content: center;
}
/*<div class="row align-items-center">*/
/*<div class="container">
  <div class="row">
    <div class="col align-self-start">
      One of three columns
    </div>
    <div class="col align-self-center">
      One of three columns
    </div>
    <div class="col align-self-end">
      One of three columns
    </div>
  </div>
</div>*/