.engloba-servicos{ width: 100%; float: left; margin: 142px 0 0 0; background: url(../img/outros-servicos/background-outros-servicos.jpg) no-repeat center top}
.venha-tomar-um-cafe-conosoco { background: var(--outros-cor1);}
.infos-rodape { border-left: solid 10px var(--outros-cor1);}
.infos-rodape b i { color: var(--outros-cor1);}
.formulario-footer-padrao-2 button { background: var(--outros-cor1);}
.formulario-footer-padrao-2 textarea { box-shadow: inset 0px 0px 0px 1px var(--outros-cor3);}
.formulario-footer-padrao-2 input { box-shadow: inset 0px -1px 0px 0px var(--outros-cor3);}

.background-leao-servicos{ float: left; width: 100%; height: 528px; background: url(../img/background-leao.jpg) no-repeat center top}

.por-que-escolher-a-sites-10{ float: right; width: 535px; margin: 170px 0 0 0}
.por-que-escolher-a-sites-10 h2{ float: right; width: 100%; font: 32px ubuntu; font-weight: 400; color: var(--outros-cor2); margin: 0 0 40px 0}
.por-que-escolher-a-sites-10 h2 span{ font: 32px ubuntu; font-weight: 700}
.por-que-escolher-a-sites-10 h3{ float: right; width: 100%; font: 14px ubuntu; font-weight: 400; color: var(--cor3); margin: 0 0 25px 0}
.por-que-escolher-a-sites-10 h3 i{ float: left; width: 14px; height: 14px; background: var(--outros-cor2); border-radius: 14px; margin: 1px 10px 0 0}

.titulo-redes-sociais{ float: left; color: var(--branco); font: 58px hughsregular; line-height: 25px; margin: 110px 0 112px 210px}
.titulo-redes-sociais b{ font: 65px ubuntu; font-weight: 700; text-transform: uppercase}

.titulo-id-visual{ float: right; color: var(--branco); font: 58px hughsregular; line-height: 25px; margin: 170px 235px 0 0}
.titulo-id-visual b{ font: 65px ubuntu; font-weight: 700; text-transform: uppercase}

.cuidar-do-seu-negocio-como-se-fosse-nosso{ float: right; width: 50%; margin: 100px 0 0 0; text-align: center; background: url(../img/outros-servicos/redes-sociais.svg) no-repeat center top; background-size: 60px}
.cuidar-do-seu-negocio-como-se-fosse-nosso b{ float: left; width: 100%; text-align: center; font: 28px ubuntu; font-weight: 700; color: var(--outros-cor2); margin: 95px 0 0 0}
.cuidar-do-seu-negocio-como-se-fosse-nosso p{ float: left; width: 100%; text-align: center; font: 13px ubuntu; font-weight: 400; color: var(--cor2); margin: 20px 0 0 0}
.cuidar-do-seu-negocio-como-se-fosse-nosso a{ float: left; width: 100%; text-align: center; font: 15px ubuntu; font-weight: 500; color: var(--outros-cor2)}
.cuidar-do-seu-negocio-como-se-fosse-nosso span{ display: inline-block; width: 43px; height: 9px; background: var(--outros-cor2); margin: 30px 0 0}
.cuidar-do-seu-negocio-como-se-fosse-nosso span i{ float: left; width: 1px; height: 180px; background: var(--outros-cor2); margin: 9px 21px 0;}

.construimos-relacionamentos{ float: left; width: 310px; margin: 140px 0 0 170px; text-align: center; background: url(../img/outros-servicos/construir.svg) no-repeat center top; background-size: 60px}
.construimos-relacionamentos b{ float: left; width: 100%; text-align: center; font: 28px ubuntu; font-weight: 700; color: var(--outros-cor2); margin: 95px 0 0 0}
.construimos-relacionamentos p{ float: left; width: 100%; text-align: center; font: 13px ubuntu; font-weight: 400; color: var(--cor2); margin: 20px 0 0 0}
.construimos-relacionamentos a{ float: left; width: 100%; text-align: center; font: 15px ubuntu; font-weight: 500; color: var(--outros-cor2)}
.construimos-relacionamentos span{ display: inline-block; width: 43px; height: 9px; background: var(--outros-cor2); margin: 30px 0 0}
.construimos-relacionamentos span i{ float: left; width: 1px; height: 180px; background: var(--outros-cor2); margin: 9px 21px 0;}

.por-que-investir-em-redes-sociais{ float: left; width: 50%; margin: 180px 0 0 0;}
.por-que-investir-em-redes-sociais h2{ float: left; font: 32px ubuntu; font-weight: 500; color: var(--outros-cor2); margin: 0 0 0 80px;}
.por-que-investir-em-redes-sociais span{ display: inline-block; width: 43px; height: 9px; background: var(--outros-cor2); margin: 25px 0 25px 80px}
.por-que-investir-em-redes-sociais h4{ float: left; margin: 0 0 0 80px; font: 14px ubuntu; font-weight: 400; color: var(--cor2); line-height: 24px; text-align: justify}
 
.engloba-tabela{ float: right; width: 50%; text-align: center; margin: 145px 0 0 0}

.tabela-servicos { width: 305px; display: inline-block; height: 442px; border-bottom: solid 16px var(--outros-cor2); background: var(--branco); box-shadow: 0px -4px 20px 1px rgba(0, 0, 0, 0.12); border-top-left-radius: 15px; border-top-right-radius: 15px;}

.barrinha-tabela{ float: left; width: 240px; margin: 0 32.5px; height: 1px; background: #ebebeb}

.decidem-online{ float: left; margin: 55px 35px 35px; display: flex;}
.decidem-online a{ float: left; font: 52px ubuntu; font-weight: 700; color: var(--outros-cor2)}
.decidem-online b{ float: left; font: 18.5px ubuntu; font-weight: 700; color: var(--outros-cor2); text-align: center; line-height: 22px; margin: 10px 0 0 15px}
.decidem-online b i{ float: left; font: 17px ubuntu; font-weight: 400; color: #808080;}

.pesquisas-apontam{ float: left; font: 16px ubuntu; font-weight: 400; color: var(--cor3); padding: 30px 60px 42px; line-height: 24px}

.sua-presenca-online{ float: left; width: 100%; text-align: center; font: 16px ubuntu; font-weight: 400; color: var(--cor3); margin: 8px 0 0 0}
.sua-presenca-online i{ font: 26px ubuntu; font-weight: 700; color: var(--outros-cor2)}

.redes-sociais-mais-populares-no-brasil{ float: left; width: 540px; height: 287px; padding: 0 0 0 503px; margin: 100px 0 0 107px; background: url(../img/outros-servicos/redes-sociais-mais-populares.png) no-repeat center left;}
.redes-sociais-mais-populares-no-brasil p{ font: 14px ubuntu; font-weight: 400; color: var(--cor3); line-height: 24px; margin: 15px 0 0 0; text-align: justify;}
.redes-sociais-mais-populares-no-brasil p b{ font: 32px ubuntu; font-weight: 500; color: var(--outros-cor2); width: 570px; float: left; margin: 0 0 25px}

.container-id-visual{ float: left; width: 100%; height: 570px; margin: 50px 0 0; background: url(../img/outros-servicos/background-identidade-visual.jpg) no-repeat center top}

.frase-leo-burnett{ float: left; width: 310px; margin: 50px 0 0 170px; text-align: center; font: 34px ubuntu; font-weight: 400; color: var(--outros-cor2); line-height: 40px}
.frase-leo-burnett b{ font: 34px ubuntu; font-weight: 700;}
.frase-leo-burnett span{ float: left; width: 100%; font: 20px ubuntu; font-weight: 400; margin: 25px 0 0 0}
.frase-leo-burnett span i{ font: 16px ubuntuitalic;}

.por-que-ter-uma-id-visual{ float: right; width: 50%; margin: 0 0 0 0;}
.por-que-ter-uma-id-visual h2{ float: left; font: 32px ubuntu; font-weight: 500; color: var(--outros-cor2);}
.por-que-ter-uma-id-visual span{ display: inline-block; width: 43px; height: 9px; background: var(--outros-cor2); margin: 25px 100px 25px 0}
.por-que-ter-uma-id-visual h4{ float: left; font: 14px ubuntu; font-weight: 400; color: var(--cor2); line-height: 24px; text-align: justify; width: 526px}

.posicione-sua-empresa{ float: left; width: 575px; height: 308px; padding: 0 392px 0 0; margin: 80px 0 30px 90px; background: url(../img/outros-servicos/posicione-sua-empresa.png) no-repeat center right;}
.posicione-sua-empresa p{ float: left; width: 100%; text-align: justify; font: 14px ubuntu; font-weight: 400; color: var(--cor3); line-height: 24px; margin: 70px 0 0 0}
.posicione-sua-empresa p b{ float: left; width: 100%; font: 32px ubuntu; font-weight: 500; color: var(--outros-cor2); margin: 0 0 20px}

.fundo-teste { background: var(--outros-cor1);}

@media (max-width: 1240px){
    .redes-sociais-mais-populares-no-brasil { margin: 100px 0 0 50px;}
}

@media (max-width: 1220px){
    .por-que-escolher-a-sites-10 { width: 470px;}
    .engloba-servicos { margin: 90px 0 0 0;}
    .posicione-sua-empresa { padding: 0 340px 0 0; margin: 80px 0 30px 40px;}

    .construimos-relacionamentos { margin: 140px 0 0 80px;}
    .frase-leo-burnett { margin: 50px 0 0 80px;}
    .por-que-ter-uma-id-visual { width: 50%; margin: 0 5% 0 0;}
    .por-que-ter-uma-id-visual h4 { width: 100%;}
    .por-que-ter-uma-id-visual h2 { width: 100%}
    .redes-sociais-mais-populares-no-brasil { width: 490px;}
    .redes-sociais-mais-populares-no-brasil p b { font: 32px ubuntu; font-weight: 500; margin: 0 0 25px; width: 100%;}
}

@media (max-width: 1160px){
    .redes-sociais-mais-populares-no-brasil { margin: 100px 0 0 25px; width: 435px; padding: 0 0 0 470px;}
}
@media (max-width: 1080px){
    .frase-leo-burnett { margin: 50px 0 0 40px;}
    .construimos-relacionamentos { margin: 140px 0 0 40px;}
    .por-que-ter-uma-id-visual { width: 55%;}
}
@media (max-width: 1060px){
    .por-que-escolher-a-sites-10 { width: 440px;}
}

@media (max-width: 1023px){
    .por-que-ter-uma-id-visual { width: 96%; margin: 40px 2% 20px; text-align: center}
    .por-que-ter-uma-id-visual h2 { font: 25px ubuntu; font-weight: 500; text-align: center;}
    .por-que-ter-uma-id-visual span { margin: 25px 0 25px;}
    .background-leao-servicos{ display: none}
    .infos-rodape { border-left: solid 0px var(--outros-cor1);}
    .posicione-sua-empresa { width: 96%; height: auto; padding: 170px 0 0 0; margin: 20px 2% 30px; background: url(../img/outros-servicos/posicione-sua-empresa.png) no-repeat center top; background-size: 154px;}
    .posicione-sua-empresa p { margin: 0;}
    .posicione-sua-empresa p b { font: 20px ubuntu; font-weight: 500; margin: 0 0 20px; text-align: center;}

    .frase-leo-burnett { margin: 50px 2% 0; width: 96%; font: 20px ubuntu; font-weight: 400;}
    .frase-leo-burnett b { font: 20px ubuntu; font-weight: 700;}
    .frase-leo-burnett span { font: 20px ubuntu; font-weight: 400; margin: 20px 0 0 0;}
    .construimos-relacionamentos { margin: 140px 0 0 0; width: 100%;}
    .construimos-relacionamentos span i { height: 40px;}
    .container-id-visual { height: auto; margin: 20px 0 0; background: url(../img/outros-servicos/background-identidade-visual-responsivo.jpg) no-repeat center top; background-size: 1023px}
    .titulo-id-visual { font: 40px hughsregular; line-height: 25px; margin: 40px 0 0 0; width: 100%; text-align: center;}
    .titulo-id-visual b { font: 50px ubuntu; font-weight: 700;}
    .construimos-relacionamentos { margin: 60px 0 0 0;}

    .redes-sociais-mais-populares-no-brasil { width: 96%; height: auto; padding: 145px 0 0 0; margin: 20px 2% 0; background: url(../img/outros-servicos/redes-sociais-mais-populares.png) no-repeat center top; background-size: 220px;}
    .redes-sociais-mais-populares-no-brasil p b { font: 20px ubuntu; font-weight: 500; text-align: center; margin: 0 0 20px}

    .por-que-investir-em-redes-sociais { width: 96%; margin: 20px 2% 0; text-align: center}
    .por-que-investir-em-redes-sociais h2 { font: 25px ubuntu; font-weight: 500; margin: 0; width: 100%; text-align: center}
    .por-que-investir-em-redes-sociais span { margin: 25px 0}
    .por-que-investir-em-redes-sociais h4 { margin: 0;}

    .engloba-tabela { width: 100%; margin: 40px 0 0 0}
    .engloba-servicos { margin: 142px 0 0 0; margin: 90px 0 0 0; background: url(../img/outros-servicos/background-outros-servicos-responsivo.jpg) no-repeat center top; background-size: 1023px}

    .titulo-redes-sociais { margin: 40px 0 0 0; width: 100%; text-align: center; font: 40px hughsregular; line-height: 25px}
    .titulo-redes-sociais b { font: 50px ubuntu; font-weight: 700;}
    .cuidar-do-seu-negocio-como-se-fosse-nosso { width: 100%; margin: 60px 0 0 0;}

    .decidem-online { margin: 20px 20px 20px;} 
    .decidem-online a { font: 45px ubuntu; font-weight: 700;}
    .decidem-online b { font: 16.5px ubuntu; font-weight: 700; margin: 10px 0 0 10px;}
    .decidem-online b i { font: 15px ubuntu; font-weight: 400;}
    .tabela-servicos { width: 251px; height: 290px;}
    .barrinha-tabela { width: 210px; margin: 0 20.5px;}
    .pesquisas-apontam { font: 14px ubuntu; font-weight: 400; padding: 20px 20px; line-height: 24px;}
    .sua-presenca-online { font: 14px ubuntu; font-weight: 400; margin: 0;}
    .sua-presenca-online i { font: 20px ubuntu; font-weight: 700;}

    .frase-leo-burnett{ display: none}
    .redes-sociais-mais-populares-no-brasil{ display: none}
}

@media (max-width: 610px){
    .container-id-visual { margin: 20px 0 0;}
 
    .titulo-id-visual { margin: 35px 0 0 0; font: 30px hughsregular;}
    .titulo-id-visual b { font: 30px ubuntu; font-weight: 700;}
    .construimos-relacionamentos { margin: 70px 0 0 0;}
    .construimos-relacionamentos b { margin: 70px 0 0 0;}

	.titulo-redes-sociais { margin: 40px 0 0 0; font: 30px hughsregular;}
	.titulo-redes-sociais b{ font: 30px ubuntu; font-weight: 700;}
	.cuidar-do-seu-negocio-como-se-fosse-nosso { margin: 70px 0 0 0;}
    .cuidar-do-seu-negocio-como-se-fosse-nosso b { margin: 75px 0 0 0;}
}