Estou com um problema em deixar uma section com os icons na horizontal, ele estão na vertical e não consigo arrumar ..

codigo html:

 <!-- SERVICES -->     <div id="services" class="sec-services">          <div class="row">         <div class="col-sm-4">           <i class="fa fa-4x fa-paint-brush"></i>       <h2 class="h3">1323</h2>           <p>Cfaefaekfneiafjieajfaei.</p>         </div>          <div class="col-sm-4">           <i class="fa fa-4x fa-code"></i>           <h2 class="h3">1323</h2>           <p>Cfaefaekfneiafjieajfaei.</p>         </div>          <div class="col-sm-4">           <i class="fa fa-4x fa-tablet"></i>       <h2 class="h3">1323</h2>           <p>Cfaefaekfneiafjieajfaei.</p>       </div>     </div>   </div>   <!-- END--SERVICES --> 

codigo css:

/* SERVICES SECTION */  .sec-services {   background: #14B97D;   padding-top:70px;   padding-bottom:70px;   color:#fff; } #services h3{   padding-bottom:100px; } .sec-services h2, .sec-services p {   font-weight: 300;   text-align: center; } .sec-services{   font-size:1.1em; } .sec-services i {   display: block;   margin: auto;   width: 45px; }   .sec-services .fa-paint-brush {   width: 64px; }  .sec-services .fa-code {   width: 68px }  .sec-services h2 {   margin: 1em 0; }