body{  padding-top:240px; background:#f0f0ef}

.bg-white{background:#fff;}

section.conteudos{font-size:120%} 

section.conteudos p{margin-bottom:17px} 

.thumbs{padding:20px; border-radius:10px}

.col-content ul li{margin-bottom:17px;}

.bt-link{border-radius:40px; background:#000000;color:#fff; transition: all 0.3s; padding:10px 20px;; border:solid 2px #09C}
.bt-link:hover{  background:#09C;color:#fff; text-decoration:none;  border:solid 2px #999}

.titulos-basicos{font-weight:bold; color:#000; width:100%; text-align:center; padding:20px; margin-bottom:20px}

h3.titulos-basicos{font-weight:400}
h4.titulos-basicos{font-weight:500}

.representa-servico{border-bottom:solid 1px #ccc; border-bottom-style:inset}

.blocos{display: flex; /* Flexbox para os divs internos */
      align-items: stretch; /* Faz os divs internos esticarem na altura */} 

.inner-blocos{flex: 1; border:solid 1px #ccc; flex:1;   
-webkit-box-shadow: 4px 3px 5px 0px rgba(0,0,0,0.24);
-moz-box-shadow: 4px 3px 5px 0px rgba(0,0,0,0.24);
box-shadow: 4px 3px 5px 0px rgba(0,0,0,0.24);}

.inner-blocos p{padding-left:15px; padding-right:15px;}

.inner-blocos h3, .inner-blocos h4{margin-bottom:0}

.linha-servicos{margin-bottom:40px}

.estreito{max-width:730px;}
.estreito p{text-align:center;}

.tratamentos{padding-top:40px;}
.tratamentos p{font-size:.9em; text-align:justify;}
.tratamentos h4{font-size:1em; font-weight:600;margin-bottom:10px}

.titulos-light{display:block; width:100%;margin:50px 0 0 0; text-align:center}

.contatos p{font-size:.85em}
.contatos p .redes{margin-right:8px; font-size:1.4em}
.mensagem{ }
.mensagem h3{width:100%; text-align:center; margin:50px 10px; padding:0}

.link-block{width:100%; text-align:center !important; padding:40px}

.itens-recovery h4{font-size:1.1em}

.img-tool img{border:solid 1px #ccc}

@media (max-width: 1366px) {
 
.tratamentos p{font-size:.8em; text-align:justify;}
.tratamentos h4{font-size:1em; font-weight:600;margin-bottom:10px}
}



@media (max-width: 810px) {
 
 
.tratamentos p{font-size:.75em;  } 
 .inner-blocos p{font-size:.8em;}
 
} 
@media (max-width: 428px) {
 
 
.tratamentos p{font-size: 1em;  } 
 .inner-blocos p{font-size:1em;}
 
} 
@media (max-width: 640px) {
 
 body{  padding-top:120px}
 section.conteudos{font-size:95%} 
 
 h1,h2,h3{font-size:135% !important}
 
 .inner-blocos p{text-align:center;}
 
} 

@media screen and (min-width: 576px) and (max-width: 991px){
  .container, .container-sm {
    max-width: 740px;
  }
}