JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<div id="servivos">
<div class="container">


       <div class="row">
         <div class="col-sm-4">
        <article>
                <h2>NOSSO SERVIÇOS</h2>
                    <div class="text_servicos">
                    Todos os nossos serviços são realizados por profissionais qualificados, tendo por direcionamento os padrões de qualidade da Bernardes. Conheça a nossa página de Serviços e confira como podemos suprir às suas necessidades.
                    </div>

            </article>
       </div>
       <div class="col-sm-4">
       <article>

                <h2>IMOVEIS</h2>
                <div class="text_servicos">
                    Todos os nossos serviços são realizados por profissionais qualificados, tendo por direcionamento os padrões de qualidade da Bernardes. Conheça a nossa página de Serviços e confira como podemos suprir às suas necessidades.
                </div>

            </article>
       </div>
       <div class="col-sm-4">
       <article>
                <h2>CONHEÇA-NOS</h2>
                <div class="text_servicos">
                    Todos os nossos serviços são realizados por profissionais qualificados, tendo por direcionamento os padrões de qualidade da Bernardes. Conheça a nossa página de Serviços e confira como podemos suprir às suas necessidades.
                </div>

            </article>
       </div>
       </div>

        </div>

CSS

*{
    box-sizing: border-box;
}

body{
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

header{
    border-bottom: 1px solid #ccc;
}

header img{
    margin-top: 12px;
}

/*
.container{
    width: 1200px; 

    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto;
}

.lema{
    text-align: center;
    float: left;
}*/ 
/*
.lema > p {
    margin-top: 35px;
    margin-bottom: 30px;
    font-family: 'Pacifico', cursive;
    font-size: 25px;
}
*/
article{
    width: 35%;
    padding: 20px;


}


article > h2{

    text-align: left;/* titulo centralizado */
    line-height: 2.5;
}

article > .text_servicos{

    width: 220px;
    color:#A6A6A6;
}

#servicos{
    padding: 80px 0;
}