Bem, dividi a parte de conteúdo, em duas divs, col-md-6, só que elas não ficam centralizadas em relação ao site, apesar de estarem no centro, estão colocadas no lado esquerdo, deixando o lado direito um pouco vazio. Segue o código das divs.
<div class="content">
<div class="container clearfix">
<div class="col-md-6 configdiv">
<img src="/layout/images/imagem1.png" />
<h5>TITULO 1</h5>
<p>
Oi, tudo bem? Oi, tudo bem? Oi, tudo bem?
Oi, tudo bem?
Oi, tudo bem?
<p>
<div>
<img src="/layout/images/iconemail.png" />
<img src="/layout/images/iconefb.png" />
<img src="/layout/images/iconett.png" />
</div>
</div>
<div class="col-md-6 configdiv">
<img src="/layout/images/imagem2.png" />
<h5>TITULO 2</h5>
<p>
Oi, tudo bem?
<p>
<div>
<img src="/layout/images/iconemail.png" />
<img src="/layout/images/iconefb.png" />
<img src="/layout/images/iconett.png" />
</div>
</div>
</div>
</div>
</section><!-- #content end -->
E o CSS tem isso:
.configdiv {border: 1px solid #DDDDDD;
margin-right: 28px;
margin-bottom: 25px;
padding: 10px;
Lembrando, essas duas divs col-md-6, ficam uma do lado da outra, quero que fique centralizada em relação a tela! Conteúdo do content:
Content----------------------------------------------------*/
#content {
position: relative;
overflow: hidden;
background-color: #FFF;
}
#content p { line-height: 1.8; }
.content-wrap {
position: relative;
padding: 80px 0;
}
#content .container { position: relative; }
/* ----------------------------------------------------------------