.bloquinho{
    margin-top: 15px;
}
.blocos{
    margin: 0;
    padding: 0;
    padding-left: 70px;
}
#hero.interno.servicos{
    background: url('../img/contrato.jpg') no-repeat center center;
}
#servicos{
    margin: 0 5%;
    padding: 100px 35px 140px;
    font-size: 20px;
    font-weight: 300;
    text-align: justify;
}
#servicos .titulo {
    width: 40%;
    font-weight: 400;
    font-size: 40px;
}
#servicos .row{
    margin-top: 80px;
}
#servicos span{
    font-weight: 700;
    font-size: 14px;
}
#servicos img{
    /* filter: brightness(0%); */
    width: 70%;
    margin: auto;
}

/* Preto */
.quadros_linha{
    margin-bottom: 0px;
}
.quadros_linha .quadro.preto{
    background-color: #000;
}
.quadros_linha .linha.preto{
    flex-grow: 1;
    border: .5px solid #000;
}
.linha_cima_preta{
    margin-top: 5px;
    border-top: 1px solid #000;
    padding-top: 45px;
    padding-left: 0px;
}

/* Dourado */
.quadros_linha{
    margin-bottom: 0px;
}
.quadros_linha .quadro.dourada{
    background-color: #D7AE25;
}
.quadros_linha .linha.dourada{
    flex-grow: 1;
    border: .5px solid #D7AE25;
}
.linha_cima_dourada{
    margin-top: 5px;
    border-top: 1px solid #D7AE25;
    padding-top: 45px;
    padding-left: 0px;
}
.linha_cima_dourada h3{
    color: #D7AE25;
}

/* Verde */
.quadros_linha{
    margin-bottom: 0px;
}
.quadros_linha .quadro.verde{
    background-color: #6AB4B6;
}
.quadros_linha .linha.verde{
    flex-grow: 1;
    border: .5px solid #6AB4B6;
}
.linha_cima_verde{
    margin-top: 5px;
    border-top: 1px solid #6AB4B6;
    padding-top: 45px;
    padding-left: 0px;
}
.linha_cima_verde h3{
    color: #6AB4B6;
}

/* Chumbo */
.quadros_linha{
    margin-bottom: 0px;
}
.quadros_linha .quadro.chumbo{
    background-color: #D4703B;
}
.quadros_linha .linha.chumbo{
    flex-grow: 1;
    border: .5px solid #D4703B;
}
.linha_cima_chumbo{
    margin-top: 5px;
    border-top: 1px solid #D4703B;
    padding-top: 45px;
    padding-left: 0px;
}
.linha_cima_chumbo h3{
    color: #D4703B;
}

/* Pistache */
.quadros_linha{
    margin-bottom: 0px;
}
.quadros_linha .quadro.pistache{
    background-color: #8BA76C;
}
.quadros_linha .linha.pistache{
    flex-grow: 1;
    border: .5px solid #8BA76C;
}
.linha_cima_pistache{
    margin-top: 5px;
    border-top: 1px solid #8BA76C;
    padding-top: 45px;
    padding-left: 0px;
}
.linha_cima_pistache h3{
    color: #8BA76C;
}

/* Azul */
.quadros_linha{
    margin-bottom: 0px;
}
.quadros_linha .quadro.azul{
    background-color: #82A3D3;
}
.quadros_linha .linha.azul{
    flex-grow: 1;
    border: .5px solid #82A3D3;
}
.linha_cima_azul{
    margin-top: 5px;
    border-top: 1px solid #82A3D3;
    padding-top: 45px;
    padding-left: 0px;
}
.linha_cima_azul h3{
    color: #82A3D3;
}

#servicos .logo1{
    padding-top: 45px;
    width: 200px;
    filter: brightness(0%);
}
#servicos .logo{
    height: 100px;
    padding-top: 45px;
    width: auto;
}

.row{
    margin-top: 50px;
}

/* Ajustes de responsividade */
@media (max-width: 768px) {
    #servicos {
        margin: 0;
        padding: 50px 35px 50px;
        text-align: center;
    }
    #servicos .row{
        margin-top: 50px;
    }
    #hero.interno.servicos{
        background-size: cover;
        height: 30vh;
    }
    #servicos .titulo{
        font-size: 30px;
        line-height: 30px;
        width: 100%;
    }

    .bloquinho {
        margin-top: 5px;
        display: none;
    }
    .blocos{
        padding-left: 0px;
        text-align: center;
    }

    .linha_cima_preta,
    .linha_cima_dourada,
    .linha_cima_verde,
    .linha_cima_chumbo,
    .linha_cima_pistache,
    .linha_cima_azul{
        margin-top: 0px;
        border-top: 0px solid #000;
        padding-top: 0px;
        padding-left: 0px;
    }
}