<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container-fluid"> <div class="row"> <div class="col-xs-12 px-5"> <div class="card text-white"> <img class="card-img center-block" src="images/Beach-Banner.jpg" alt="Card image"> <div class="card-img-overlay vertical-align"> <h5 class="card-text text-center w-100 mx-5 px-5" style="font-size:2vw;">Recieve discount codes and earn your school or club free sports equipment </h5> </div> </div> </div> </div> </div>

.vertical-align { display: flex; align-items: center; flex-wrap: wrap; }