.container-titulo-nossos-servicos { float: left; width: 100%; height: 190px; margin: 142px 0 0;}
.container-titulo-nossos-servicos p{ float: left; width: 100%; text-align: center; color: var(--cor5); font: 56px ubuntu; font-weight: 400; padding: 59.5px 0;}
.container-titulo-nossos-servicos p b{ color: var(--servicos-cor1); font: 56px ubuntu; font-weight: 700;}

.container-engloba-tipos-servicos{ float: left; width: 100%; background: #f7f7f7; height: 750px; text-align: center}
.container-engloba-tipos-servicos div{ display: inline-block; width: 330px; height: 640px; margin: 55px 65px 0}
.container-engloba-tipos-servicos div h2{ float: left; width: 100%; color: #4d4d4d; font: 22px ubuntu; font-weight: 400; margin: 340px 0 0}
.container-engloba-tipos-servicos div h2 b{ font: 22px ubuntu; font-weight: 700}
.container-engloba-tipos-servicos div h5{ float: left; width: 95%; font: 15px ubuntu; font-weight: 400; color: var(--cor5); margin: 60px 2.5% 30px; min-height: 100px}
.container-engloba-tipos-servicos div a{ background: var(--servicos-cor1); color: var(--branco); font: 11px ubuntu; font-weight: 500; padding: 12px 14px; border-radius: 28px; display: -webkit-inline-box; transition: 0.2s}
.container-engloba-tipos-servicos div a:hover{ background: #891c1d;}

.criacao-de-sites{ background: url(../img/home/criacao-de-sites.png) no-repeat center top}
.loja-virtual{ background: url(../img/home/loja-virtual.png) no-repeat center top}
.google-adwords{ background: url(../img/home/google-ad.png) no-repeat center top}
.outros-servicos{ background: url(../img/home/outros-servicos.png) no-repeat center top}

.fundo-teste { background: #ff3232;}

@media(max-width: 1870px){
    .container-engloba-tipos-servicos div { margin: 55px 20px 0;}
}
@media(max-width: 1520px){	
    .container-engloba-tipos-servicos div { width: 270px; margin: 55px 10px 0;}
    .container-engloba-tipos-servicos div h5 { text-align: justify;}
    .criacao-de-sites { background: url(../img/home/criacao-de-sites.png) no-repeat center top; background-size: 280px;}
    .loja-virtual{ background: url(../img/home/loja-virtual.png) no-repeat center top; background-size: 280px;}
    .google-adwords{ background: url(../img/home/google-ad.png) no-repeat center top; background-size: 280px;}
    .outros-servicos{ background: url(../img/home/outros-servicos.png) no-repeat center top; background-size: 280px;}
    .loja-virtual p{ width: 88% !important; margin: 60px 6% 30px !important;} 
}
@media (max-width: 1220px){
    .container-engloba-tipos-servicos { height: auto; padding: 0 0 30px 0}
    .container-engloba-tipos-servicos div { margin: 55px 70px 0;}

    .container-titulo-nossos-servicos{ height: auto; margin: 90px 0 0 0}
    .container-titulo-nossos-servicos h5 { font: 30px ubuntu; font-weight: 400; padding: 30px 0;}
    .container-titulo-nossos-servicos h5 b{ font: 30px ubuntu; font-weight: 700;}
}
@media(max-width: 920px){
    .container-engloba-tipos-servicos div { margin: 55px 20px 0;}
}
@media(max-width: 700px){
    .container-engloba-tipos-servicos div { margin: 55px 10px 0;}
}
@media (max-width: 610px){ 
    .criacao-de-sites { background: url(../img/home/criacao-de-sites.png) no-repeat center top; background-size: 165px;}
    .loja-virtual{ background: url(../img/home/loja-virtual.png) no-repeat center top; background-size: 165px;}
    .google-adwords{ background: url(../img/home/google-ad.png) no-repeat center top; background-size: 165px;}
    .outros-servicos{ background: url(../img/home/outros-servicos.png) no-repeat center top; background-size: 165px;}

    .container-engloba-tipos-servicos div { width: 90%; margin: 20px 0 0; height: auto}
    .container-engloba-tipos-servicos div h2 { font: 20px ubuntu; font-weight: 400; margin: 190px 0 0;}
    .container-engloba-tipos-servicos div h5 { width: 100%; font: 15px ubuntu; font-weight: 400; margin: 20px 0% 20px; min-height: 0}
    .container-engloba-tipos-servicos div a { padding: 12px 60px;}

    .loja-virtual p { width: 100% !important; margin: 20px 0 20px !important;}
}