.guide-servicos{
    margin: 10px 0;
    padding: 5px 0;
}

#servicos{
    float: left;
    width: 420px;
    margin-right: 20px;
}

#text-prod{

}

#servicos a{
    color: #596c98;
}

.guide-servicos .mais-detalhes{
    border: 1px solid #183f66;
    padding: 8px;
    width: 130px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 16px;
    color: #183f66;
    margin-top: 17px;
    float: left;
}

.cada-servico{
    margin: 4px 0;
    width: 100%;
}

#fale-com{
    float: left;
    width: 59%;
}

.infos,
.infos a{
    font-family: 'OpenSans Bold';
    color: #105fa4;
    text-align: center;
    font-size: 19px;
}

#fale-com #orcamento{
    border: 1px solid #183f66;
    padding: 16px;
    width: 220px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 16px;
    color: #183f66;
    margin-top: 17px;
    float: right;
    margin-right: 120px;
}

#informacoes{
    background: url('https://ctc.ind.br/media/imagens/modulos/orcamento.jpg?1702554741') no-repeat;
    height: 250px;
}

#con-info{
    float: right;
    width: 340px;
    margin-right: 70px;
    margin-top: 40px;
}

#img-servicos #img{

}

#img-servicos #img img{
    width: 100%;
    height: 100%;
    margin: 0px;
}


@media only screen and (max-width: 770px){
    #servicos{
        width: 100%;
        margin-bottom: 10px;
        margin-right: 0px;
    }

    .mais-detalhes-a{
        /*display: none;*/
    }

    #fale-com{
        width: 100%;
    }

    #informacoes{
        position: relative;
    }

    #con-info {
        float: right;
        width: 340px;
        position: absolute;
        right: 0;
        top: 40px;
        margin: 0
    }

    #fale-com #orcamento {
        position: absolute;
        right: 35px;
        bottom: 60px;
        margin: 0;
    }

    #fale-com h2{
        display: none;
    }
}

@media only screen and (max-width: 650px){

}

@media only screen and (max-width: 600px){
    #informacoes{
            background-position: -80px 0px;
    }
}

@media only screen and (max-width: 500px){
    #informacoes{
            background-position: -130px 0px;
    }
}

@media only screen and (max-width: 430px){
    #informacoes{
            background-position: -270px 0px;
    }
}

@media only screen and (max-width: 400px){
    .infos, .infos a{
        font-size: 21px;
    }

    #con-info {
        width: 100%;
    }

    #fale-com #orcamento{
        width: 120px;
        font-size: 10px;
    }
}

@media only screen and (max-width: 320px){

}