<div class="row">
<div class="col-lg-4 col-md-2 col-xs-6 ">
<div class="box">
<img class="imagemQuadrado" src="img/comunicar.png">
<h1 class="quadradoH1" >Consultoria de TI</h1>
<div class="H5Small">
<h5>Visando proporcionar aos nossos clientes mais foco em seu próprio negócio de maneira a se abster dos problemas ocasionados por sua base tecnológica.</h5>
</div></div>
</div>
porém nessa div H5Small, preciso deixar o texto com uma area menos que a do quadradoH1
.quadradoH1{
text-align: center;
font-weight: bold;
}
.h5Small{
color: #757575;
text-align: center;
}
ela fica no centro, porém se eu coloco outra div para diminuir a col dela, ele fica apenas no left do quadrado