<div class="container">
<div class="row vertical-align">
<div class="col-md-6">
<img src="#">
</div>
<div class="col-md-6">
<h2></h2>
<p></p>
</div>
</div>
</div
@media screen and(min-width: 991px){
.vertical-align {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}