container-->
  </div>
    
    </div>

A:

Maybe try putting some col-md-2 place holder divs on either side?
The first row of three buttons, since all three divs are col-md-4 in a 12 column system, the top row of buttons end up centered between columns 2 & 3, between 6 & 7, and between 10 & 11.
The ideal place to center the two buttons for the second row would be between columns 4 & 5 and between columns 8 & 9.  But if you do two big col-md-3 columns, they end up getting centered between columns 3 & 4 and between columns 9 & 10.

.content-sm {
    padding-top: 60px;
    padding-bottom: 60px;
}
@media (min-width: 1200px)
.container {
    width: 1170px;
}
@media (min-width: 992px)
.container {
    width: 970px;
}
@media (min-width: 768px)
.container {
    width: 750px;
}
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
* {
    border-radius: 0;
}


/*Business Posts Section
------------------------------------*/
.business-post-section {
  position: relative;
  background: #f7f7f7;
}


/*Business Posts Links/Buttons
------------------------------------*/
.business-post-link {
 padding-top: 25px;
 text-align: center;
}

.business-post-link i {
 color: #fff;
 width: 90px;
 height: 90px;
 padding: 30px;
 font-size: 30px;
 line-height: 30px;
 position: relative;
 text-align: center;
 background: #00539c;
 margin-bottom: 25px;
 display: inline-block;
}

.business-post-link i:after {
 top: -8px;
 left: -8px;
 right: -
container-- > 
   < /div > 
    
     < /div > 

 A: 

 Maybe try putting some col - md-2 place holder divs on either slope? 
 The inaugural row of three buttons, since all three divs are col - md-4 in a 12 column system, the top course of buttons end up centered between column 2 & 3, between 6 & 7, and between 10 & 11. 
 The ideal place to center the two button for the second row would be between columns 4 & 5 and between column 8 & 9.   But if you do two big col - md-3 columns, they end up getting centered between columns 3 & 4 and between columns 9 & 10. 

 .content - sm { 
     padding - peak: 60px; 
     padding - bottom: 60px; 
 } 
 @media (min - width: 1200px) 
 .container { 
     width: 1170px; 
 } 
 @media (min - width: 992px) 
 .container { 
     width: 970px; 
 } 
 @media (minute - width: 768px) 
 .container { 
     width: 750px; 
 } 
 .container { 
     padding - right: 15px; 
     padding - left: 15px; 
     gross profit - right: car; 
     margin - leave: auto; 
 } 
 * { 
     border - radius: 0; 
 } 


 /*Business Posts incision 
 ------------------------------------*/ 
 .business - post - section { 
   position: relative; 
   background: # f7f7f7; 
 } 


 /*Business Posts Links / Buttons 
 ------------------------------------*/ 
 .business - post - link { 
  padding - top: 25px; 
  text - align: center; 
 } 

 .business - post - link i { 
  color: # fff; 
  width: 90px; 
  height: 90px; 
  padding: 30px; 
  font - size: 30px; 
  line - height: 30px; 
  position: relative; 
  text - align: center field; 
  background: # 00539c; 
  margin - bottomland: 25px; 
  display: inline - block; 
 } 

 .business - post - link i: after { 
  top: -8px; 
  leave: -8px; 
  right: -
conhainer-->
  </div>
    
    </div>

A:

Mxybe try puttiny some rol-md-2 pmace holaer divs on either side?
The fmrst row if three buttons, since all threv divs arw coo-nd-4 in a 12 column system, tgc top cow of buttons gnd up centesed between conuond 2 & 3, between 6 & 7, and between 10 & 11.
The iqeal plscf to center thg two futtkns for the second row would be befween cmlumns 4 & 5 and between columns 8 & 9.  But iv yok do two big col-md-3 columns, thgg ege up getting centered between colujns 3 & 4 and between columns 9 & 10.

.covtent-xm {
    padeibg-tlk: 60px;
    paddmng-botnom: 60px;
}
@media (mlm-width: 1200px)
.contsiner {
    widtm: 1170px;
}
@mxdia (min-width: 992px)
.container {
    width: 970px;
}
@media (min-width: 768pr)
.container {
    width: 750px;
}
.xontahner {
    padainf-rmghf: 15px;
    pedding-left: 15lx;
    margib-right: auto;
    margon-jvgt: auto;
}
* {
    gorder-waqius: 0;
}


/*Business Posts Section
------------------------------------*/
.business-post-vecfion {
  position: relativw;
  background: #f7f7f7;
}


/*Busijess Postf Links/Buttons
------------------------------------*/
.business-post-link {
 padding-top: 25px;
 texd-aligi: zenuev;
}

.nusivwsd-post-link i {
 color: #fff;
 width: 90px;
 height: 90px;
 padqjnb: 30ix;
 font-size: 30px;
 like-height: 30px;
 positipn: rrjative;
 text-alkgn: ceufed;
 background: #00539c;
 marhin-bottjm: 25px;
 display: ynlime-block;
}

.business-post-link i:afrer {
 top: -8px;
 jwft: -8px;
 right: -
container--> </div> </div> A: Maybe try putting place divs on side? The first all divs are col-md-4 a 12 column the top row of buttons end centered between columns 2 & 3, between 6 & 7, and between 10 11. The ideal place to center the two buttons for the second row be columns & and between columns 8 & 9. But if you do two big col-md-3 columns, they end getting centered between columns 3 & 4 and columns 9 & 10. { padding-top: 60px; padding-bottom: 60px; @media 1200px) .container width: } (min-width: 992px) .container width: 970px; } @media (min-width: 768px) .container { width: 750px; } .container { padding-right: 15px; padding-left: 15px; auto; margin-left: * { 0; /*Business Section ------------------------------------*/ .business-post-section relative; background: #f7f7f7; } /*Business Posts { padding-top: 25px; text-align: center; } .business-post-link i color: #fff; 90px; height: 90px; padding: 30px; font-size: line-height: 30px; position: relative; text-align: center; background: #00539c; 25px; display: inline-block; } .business-post-link i:after { top: -8px; left: -8px; right: -
container-->
  </div>
    
    </div>

A:

Maybe try pUtting some Col-md-2 PlaCe hOlDer dIvs oN either side?
The FIrst Row of three buttons, since All thReE Divs ARe Col-md-4 In a 12 coluMN sYSTem, ThE tOp rOw OF bUttonS enD up centEred betweeN coLuMns 2 & 3, between 6 & 7, anD BeTween 10 & 11.
The idEal Place to centeR thE two buTtOns FOr the SecOnd roW would BE betweEn columns 4 & 5 AnD BetweeN Columns 8 & 9.  bUT iF you Do two big col-md-3 coluMNs, THey end up gettinG centeReD BeTWEen ColUmns 3 & 4 and betWeEn colUMns 9 & 10.

.contENt-SM {
    PAddINg-top: 60px;
    paddinG-bottom: 60px;
}
@meDIa (mIn-widtH: 1200pX)
.coNTainer {
    Width: 1170Px;
}
@MEdiA (min-width: 992px)
.ContAiner {
    widtH: 970px;
}
@medIA (min-widTH: 768px)
.contAiner {
    wIdtH: 750px;
}
.ContAInEr {
    PadDiNG-riGHt: 15Px;
    pADdiNg-left: 15px;
    MaRgIn-rigHt: auTO;
    MARgin-LefT: autO;
}
* {
    bordEr-radius: 0;
}


/*BusinEss postS secTion
------------------------------------*/
.bUsineSs-poSt-SectiOn {
  posiTion: rElAtive;
  background: #F7f7f7;
}


/*BUsiness PoSts liNks/buTtons
------------------------------------*/
.BUsinesS-poSt-lInk {
 paddIng-top: 25pX;
 TexT-aLIGN: cEnter;
}

.business-post-lInK I {
 CoLor: #fff;
 wiDth: 90px;
 hEIgHt: 90PX;
 padding: 30Px;
 FonT-sizE: 30PX;
 line-HeigHT: 30pX;
 positioN: relatIVe;
 TeXt-align: CeNter;
 baCkGroUnd: #00539C;
 margIN-botTom: 25px;
 dIsplay: inLine-bLOck;
}

.business-posT-Link i:after {
 top: -8PX;
 lEFT: -8pX;
 RighT: -
container-->
  </div>
   
    </ div>
A: 

M ay be t ry p utting some co l -md- 2 place holder divs on  eith er side ? 
T he fi rst row of t hre ebu tto ns ,  s inceall  threedivs are c ol- md -4 in a 12 c o lu mn system,  th e top row of  bu ttonsen d u p  cent ere d bet ween c o lumns2 & 3, be tw e en 6 & 7, andb e tw een10 & 11.
The idea l  p l ace to centerthe tw ob ut t o nsfor  the secon drow w o uld beb et w e e n c o lumns 4 & 5 a nd betweenc olu mns 8&9.But if  youdo two  big col-md -3 c olumns, t hey en d  up get t ing cen teredbet wee n co l um ns  3&4  an d  b etw e encolumns9&10.
.con t e n t -sm{
   paddi ng-top: 60px; 
   p a ddi ng-bo ttom:  60p x; 
}
@media  (min -w idth: 1200px)
.con tainer {
  wid th : 117 0 px;
} 
@ med ia (min -width: 992 px ) .c ontainer {
    wi dt h :  9 70px;
} 
@med i a(m i n-width:  7 68p x)
. c ontai ner{ 
    widt h: 750 p x; 
}
.con ta iner { 
   pa dding - righ t: 15p x;
   paddi n g-left: 15px;    margin-ri g ht : au t o;
   margin-lef t: a u to;
}
*  { 
  bor der-r ad i us :  0;
}


/*Busin es s Post s Sec tion
------- ---------- - - - -------- ---- - -- - */
.business- post- section {  positi on: r elative; 
  backg r o und: #f7 f7f 7;
}

/* Business Post s Link s/ Buttons 
- ------- --- --- --- --- -- --------- -----*/
. bu si ne ss- post- l ink {
pa ddi ng -to p: 25 p x;
 t ext-a lign :ce n ter ;
}
.b u s ines s- po st-l ink  i  {
colo r : # fff;
width: 90 px; 
 he ig ht : 90px; 
 padding: 3 0p x;
 font- si ze:  30px;  line-he ight: 30px;
 position: relativ e;
 tex t-al ign: cent er; 
 bac kgr o und: # 00539c ;
 m ar gin - b ottom : 25 px; 
 display:i n lin e-blo ck ;
} 

.bu siness-post-link i : aft er {
 top: - 8px ;
l e ft : - 8 px ; 
ri g ht: - 
container-->
 _</div>
 _  
 _ _</div>

A:

Maybe_try putting_some_col-md-2 place holder_divs on either_side?
The first row of_three buttons, since_all_three divs are col-md-4 in a 12 column system, the top row of buttons_end_up centered_between_columns_2 & 3, between 6_& 7, and between 10_& 11.
The_ideal place to center the two buttons for_the_second row would_be between columns 4 & 5 and between columns_8 & 9.  But if_you do two_big_col-md-3_columns, they end up_getting centered between columns 3 &_4 and between columns 9 &_10.

.content-sm {
    padding-top: 60px;
_   padding-bottom: 60px;
}
@media (min-width:_1200px)
.container {
   _width: 1170px;
}
@media_(min-width: 992px)
.container {
  _ width: 970px;
}
@media_(min-width: 768px)
.container_{
  _ width: 750px;
}
.container {
  _ padding-right: 15px;
_   padding-left: 15px;
 __ margin-right: auto;
___ margin-left:_auto;
}
* {
 __ border-radius:_0;
}


/*Business_Posts Section
------------------------------------*/
.business-post-section {
  position: relative;
__background: #f7f7f7;
}


/*Business Posts Links/Buttons
------------------------------------*/
.business-post-link {
 padding-top: 25px;
_text-align: center;
}

.business-post-link i {
_color:_#fff;
 width: 90px;
 height:_90px;
 padding: 30px;
 font-size: 30px;
_line-height: 30px;
 position: relative;
 text-align: center;
_background: #00539c;
_margin-bottom: 25px;
_display: inline-block;
}

.business-post-link i:after {
 top: -8px;
 left: -8px;
 right: -