article#page-servicos{
    padding-bottom: 0;
}
.bg-header{
    background: url('../images/marketing-digital/bg-header.png') center center no-repeat;
    background-size: cover;
    padding: 50px 0;
}

.agencia-360{
    color: #fff;
    font-size: 18px;
    letter-spacing: 5px;
}

.figital{
    padding: 0;
    margin: 100px auto;
}
.figital p{
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-size: 20px;
}
.figital p.onoff{
    margin-bottom: 50px;
}
.figital p.somos{
    font-size: 42px;
    line-height: 1.1;
}
.figital p.somos span{
    position: relative;
}
.figital p.somos span::before{
    content: '';
    display: block;
    position: absolute;
    top: -20px;
    left: 0;
    width: 100px;
    height: 11px;
    background-color: #f6db00;
}

@media (min-width: 768px){
    .agencia-360{
        font-size: 22px;
    }
    .figital p{
        font-size: 21px;
        letter-spacing: 10px;
    }
    .figital p.onoff{
        margin-left: 5%;
        margin-bottom: 50px;
    }
    .figital p.somos{
        font-size: 48px;
        line-height: 1.1;
        letter-spacing: 12px;
        max-width: 550px;
        margin: 0 auto;
    }
    .figital p.somos span::before{
        top: -20px;
        width: 140px;
    }
}
@media (min-width: 992px){
    .agencia-360{
        font-size: 22px;
    }
    .figital p{
        font-size: 24px;
        letter-spacing: 10px;
    }
    .figital p.onoff{
        margin-left: 10%;
        margin-bottom: 50px;
    }
    .figital p.somos{
        font-size: 60px;
        line-height: 1.1;
        letter-spacing: 12px;
        max-width: 640px;
        margin: 0 auto;
    }
    .figital p.somos span::before{
        top: -20px;
        width: 180px;
    }
}
@media (min-width: 1200px){
    .agencia-360{
        font-size: 25px;
    }
    .figital p{
        font-size: 29.81px;
        letter-spacing: 10px;
    }
    .figital p.onoff{
        margin-left: 20%;
        margin-bottom: 50px;
    }
    .figital p.somos{
        font-size: 72.5px;
        line-height: 1.1;
        letter-spacing: 12px;
        max-width: 640px;
        margin: 0 auto;
    }
    .figital p.somos span::before{
        top: -20px;
        width: 260px;
    }
}
@media (min-width: 1600px){
    .agencia-360{
        font-size: 25px;
    }
    .figital p{
        font-size: 29.81px;
        letter-spacing: 10px;
    }
    .figital p.onoff{
        margin-left: 23%;
        margin-bottom: 50px;
    }
    .figital p.somos{
        font-size: 72.5px;
        line-height: 1.1;
        letter-spacing: 12px;
    }
    .figital p.somos span::before{
        top: -20px;
        width: 260px;
    }
}

#gestao{
    background-color: #f6db00;
    padding: 60px 0;
}
#gestao h2{
    font-weight: 400;
    color: #1a2e4a;
    font-size: 18px;
    line-height: 150%;
}

@media (min-width: 768px){
    #gestao{
        padding: 95px 0 95px;
    }
    #gestao h2{
        font-size: 18px;
    }
}
@media (min-width: 992px){
    #gestao{
        padding: 95px 0 95px;
        background-image: url(../images/marketing-digital/listras.png);
        background-position: top left;
        background-repeat: no-repeat;
        background-size: 65px 86px;
    }
    #gestao h2{
        font-size: 18px;
    }
}
@media (min-width: 1200px){
    #gestao{
        padding: 95px 0 95px;
        background-size: 144px 191px;
    }
    #gestao .container{
        max-width: 870px;
    }
    #gestao h2{
        font-size: 18px;
    }
}
@media (min-width: 1600px){
    #gestao{
        padding: 95px 0 95px;
    }
    #gestao .container{
        max-width: 880px;
    }
}

#digital{
    padding: 35px 0 40px;
    background: #f5f5f5;
}
#digital h2{
    font-weight: 400;
    color: #f6db00;
    font-size: 20.68px;
    line-height: 1.5;
    background-color: #1a2e4a;
    padding: 10px;
    margin-bottom: 30px;
}
#digital p{
    color: #1a2e4a;
    line-height: 120%;
    font-size: 18px;
    margin-bottom: 25px;
}
.circle{display: inline-block; width: 14px; height: 14px; border: 2px solid #1a2e4a; border-radius: 50%; margin-right: 7px;}

@media (min-width: 768px){
    #digital{
        padding: 35px 0 40px;
    }
    #digital h2{
        font-size: 18px;
        margin-bottom: 50px;
        padding: 0;
        background-color: transparent;
    }
    #digital h2 span{
        display: inline-block;
        background-color: #1a2e4a;
        padding: 5px;
    }
    #digital h2 span:first-child{
        margin-bottom: 8px;
    }
    #digital p{
        font-size: 16px;
    }
}
@media (min-width: 992px){
    #digital{
        padding: 35px 0 40px;
    }
    #digital h2{
        font-size: 20.68px;
        margin-bottom: 50px;
    }
    #digital p{
        font-size: 18px;
    }
}
@media (min-width: 1200px){
    #digital{
        padding: 35px 0 40px;
    }
    #digital .container{
        max-width: 1000px;
    }
    #digital h2{
        font-size: 20.68px;
        margin-bottom: 50px;
    }
    #digital p{
        font-size: 18px;
        margin-left: 40px;
    }
}
@media (min-width: 1600px){
    #digital{
        padding: 35px 0 40px;
    }
    #digital .container{
        max-width: 1000px;
    }
    #digital h2{
        font-size: 20.68px;
        margin-bottom: 50px;
    }
    #digital p{
        font-size: 18px;
    }
}

#boa-noticia{
    background: #1a2e4a url('../images/marketing-digital/bg-noticia.png') center center no-repeat;
    background-size: cover;
    padding: 70px 0;
}
#boa-noticia h2{
    font-weight: 700;
    color: #f6db00;
    font-size: 32px;
    line-height: 1;
    margin: 0;
    padding: 0;
}
#boa-noticia p{
    color: #1a2e4a;
    line-height: 120%;
    font-size: 16px;
}
#boa-noticia p a{
    color: #f6db00;
    font-weight: 700;
    text-decoration: none;
}
#boa-noticia p:last-child{
    letter-spacing: 3px;
    margin-bottom: 0;
}

@media (min-width: 768px){
    #boa-noticia{
        padding: 100px 0 100px;
    }
    #boa-noticia h2{
        font-size: 42px;
        margin-bottom: 5px;
    }
    #boa-noticia p{
        font-size: 18px;
    }
}
@media (min-width: 992px){
    #boa-noticia{
        padding: 100px 0 100px;
    }
    #boa-noticia h2{
        font-size: 52px;
        margin-bottom: 5px;
        max-width: 690px;
        margin-left: auto;
        margin-right: auto;
    }
    #boa-noticia p{
        font-size: 18px;
        max-width: 690px;
        margin-left: auto;
        margin-right: auto;
    }
}
@media (min-width: 1200px){
    #boa-noticia{
        padding: 60px 0 60px;
    }
    #boa-noticia .container{
        max-width: 1000px;
    }
    #boa-noticia h2{
        font-size: 60px;
        margin-bottom: 5px;
        max-width: 690px;
        margin-left: auto;
        margin-right: auto;
    }
    #boa-noticia p{
        font-size: 18px;
        max-width: 690px;
        margin-left: auto;
        margin-right: auto;
    }
}
@media (min-width: 1600px){
    #boa-noticia{
        padding: 60px 0 60px;
    }
    #boa-noticia .container{
        max-width: 1000px;
    }
    #boa-noticia h2{
        font-size: 60px;
        margin-bottom: 5px;
    }
    #boa-noticia p{
        font-size: 18px;
    }
}

#estrutura{
    padding: 0;
    background: #f5f5f5;
}
#estrutura h2{
    font-weight: 700;
    color: #f6db00;
    font-size: 26px;
    margin: 0;
}
#estrutura p{
    color: #1a2e4a;
    line-height: 120%;
    font-size: 18px;
}
#estrutura .bg-azul{
    position: absolute;
    background-color: #1a2e4a;
    height: 100%;
}
#estrutura p.servico-prestado{
    margin-top: 40px;
}
#estrutura .col-xl-8 p:last-child{
    margin-bottom: 70px;
}

#estrutura .col-12.col-md-5.col-lg-4.col-xl-4{
    background-color: #1a2e4a;
    padding-top: 50px;
    padding-bottom: 50px;
}

@media(min-width: 576px) and (max-width: 767px){
    #estrutura .bg-azul{height: 249px; width: 100%;}
}
@media (min-width: 768px){
    #estrutura{
        padding: 0;
    }
    #estrutura h2{
        font-size: 24px;
        margin-top: 70px;
    }
    #estrutura p{
        font-size: 16px;
    }
    #estrutura p.chamada{
        padding-right: 30px;
    }
    #estrutura p.servico-prestado{
        margin-top: 70px;
    }
    #estrutura .col-xl-8 p:last-child{
        margin-bottom: 70px;
    }
    #estrutura .bg-azul{
        width: 40%;
        border-radius: 0 0 80px 0;
    }
    #estrutura .col-12.col-md-5.col-lg-4.col-xl-4{
        background-color: transparent;
        padding-top: 0;
        padding-bottom: 0;
    }
}
@media (min-width: 992px){
    #estrutura{
        padding: 0;
    }
    #estrutura h2{
        font-size: 27.81px;
        margin-top: 90px;
    }
    #estrutura p{
        font-size: 18px;
        
    }
    #estrutura p.chamada{
        padding-right: 0;
    }
    #estrutura p.servico-prestado{
        margin-top: 70px;
    }
    #estrutura .col-xl-8 p{
        margin-left: 100px;
        font-size: 16px;
    }
    #estrutura .col-xl-8 p:last-child{
        margin-bottom: 70px;
    }
    #estrutura .bg-azul{
        width: 40%;
        border-radius: 0 0 80px 0;
        background-image: url("../images/marketing-digital/bg-x.png");
        background-position: 0px 35px;
        background-repeat: no-repeat;
    }
}
@media (min-width: 1200px){
    #estrutura{
        padding: 0;
        min-height: 435px;
    }
    #estrutura .container{
        max-width: 1000px;
    }
    #estrutura h2{
        margin-top: 120px;
        font-size: 27.81px;
    }
    #estrutura p{
        font-size: 18px;
    }
    #estrutura p.chamada{
        padding-right: 0;
    }
    #estrutura p.servico-prestado{
        margin-top: 60px;
    }
    #estrutura .col-xl-8 p{
        margin-left: 100px;
    }
    #estrutura .bg-azul{
        width: 40%;
        border-radius: 0 0 80px 0;
    }
}
@media (min-width: 1600px){
    #estrutura{
        padding: 0;
    }
    #estrutura .container{
        max-width: 1000px;
    }
    #estrutura h2{
        font-size: 27.81px;
        margin-bottom: 0;
    }
    #estrutura p{
        font-size: 18px;
    }
    #estrutura .col-xl-8 p{
        margin-left: 100px;
    }
    #estrutura .bg-azul{
        width: 44%;
        border-radius: 0 0 80px 0;
        background-position: 40% 58px;
    }
}

#servicos{
    padding: 80px 0;
    background-color: #fff;
}
#servicos p{
    color: #1a2e4a;
    font-size: 16px;
}
#servicos h3{
    color: #1a2e4a;
    font-weight: 800;
    font-size: 18px;
    margin: 0;
}
#servicos p em{
    display: block;
    margin-bottom: -20px;
    font-weight: 500;
}

#servicos .servico{
    margin-bottom: 30px;
}

@media (max-width: 767px){
    #servicos .servico{
        flex-direction: column;
    }
    #servicos .servico .media-body{
        margin-top: 15px;
        width: 100%;
    }
}
@media (min-width: 768px){
    #servicos{
        padding: 80px 0 50px;
    }
    #servicos p{
        font-size: 16px;
    }
}
@media (min-width: 992px){
    #servicos{
        padding: 90px 0 60px;
    }
    #servicos p{
        font-size: 17px;
    }
}
@media (min-width: 1200px){
    #servicos{
        padding: 90px 0 60px;
    }
    #servicos p{
        font-size: 18px;
    }
    #servicos .container{
        max-width: 1000px;
    }
}
@media (min-width: 1600px){
    #servicos{
        padding: 90px 0 60px;
    }
}

#contato-marketing{
    background-color: #f5f5f5;
    padding: 50px 0;
}
#contato-marketing h2{
    color: #1a2e4a;
    font-weight: 700;
    font-size: 24px;
}
#contato-marketing p{
    color: #1a2e4a;
    font-size: 24px;
    line-height: 1.2;
}
#contato-marketing .wpcf7 .wpcf7-text, #contato-marketing .wpcf7 .wpcf7-email, #contato-marketing .wpcf7 .wpcf7-tel, #contato-marketing .wpcf7 .wpcf7-dynamictext{
    background-color: #f5f5f5;
    border: 0;
    border-bottom: 1px solid #1a2e4a;
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
}
#contato-marketing .wpcf7 .wpcf7-textarea{
    border: 1px solid #1a2e4a;
    background-color: #f5f5f5;
    border-radius: 0;
    font-size: 16px;
}
#contato-marketing .wpcf7 label{
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
}
#contato-marketing .wpcf7 .wpcf7-submit{
    width: 300px;
    letter-spacing: 3px;
    font-size: 16.29px;
    background-color: #fff;
    border-radius: 0;
    text-transform: uppercase;
    color: #1a2e4a;
    border: solid 3px #1a2e4a;
    box-shadow: 10px 10px 0 #f6db00;
}
#contato-marketing .wpcf7 .wpcf7-submit:hover{
    background-color: #1a2e4a;
    color: #fff;
}

#contato-marketing .bg-x{
    position: absolute;
    left: 0;
    top: -10px;
    width: 143px;
    height: 19px;
    background: url('../images/marketing-digital/bg-x.png') center center no-repeat;
}

@media (min-width: 768px){
    #contato-marketing{
        padding: 75px 0 20px;
    }
    #contato-marketing h2{
        font-size: 26px;
        padding-left: 0;
        padding-right: 80px;
    }
    #contato-marketing p{
        font-size: 26px;
        padding-left: 0;
        padding-right: 80px;
    }
    #contato-marketing .wpcf7{
        max-width: 416px;
    }
    #contato-marketing .wpcf7 p{
        font-size: 16px;
        padding-left: 0;
        padding-right: 0;
    }
}
@media (min-width: 992px){
    #contato-marketing{
        padding: 75px 0 20px;
    }
    #contato-marketing h2{
        font-size: 26px;
        padding-left: 115px;
        padding-right: 80px;
    }
    #contato-marketing p{
        font-size: 26px;
        padding-left: 115px;
        padding-right: 80px;
    }
    #contato-marketing .wpcf7{
        max-width: 416px;
    }
    #contato-marketing .wpcf7 p{
        font-size: 16px;
        padding-left: 0;
        padding-right: 0;
    }
    #contato-marketing .bg-x{
        left: 5%;
    }
}
@media (min-width: 1200px){
    #contato-marketing{
        padding: 75px 0 20px;
    }
    #contato-marketing .container{
        max-width: 1000px;
    }
    #contato-marketing h2{
        font-size: 28px;
        padding-left: 145px;
        padding-right: 80px;
    }
    #contato-marketing p{
        font-size: 28px;
        padding-left: 145px;
        padding-right: 80px;
    }
    #contato-marketing .wpcf7{
        max-width: 416px;
    }
    #contato-marketing .wpcf7 p{
        font-size: 16px;
        padding-left: 0;
        padding-right: 0;
    }
    #contato-marketing .bg-x{
        left: 20%;
    }
}
@media (min-width: 1600px){
    #contato-marketing .bg-x{
        left: 25%;
    }
}