@media(max-width: 768px) {

    body {
        margin-left: 5%;
        margin-right: 5%;
    }

.background::before {
    content: "";
    background-image: url(/img/apis3.png);
    background-size: 4.5rem;
    background-repeat: no-repeat;
    background-position: 1px 130px;
    padding: 8rem;
}

    .titulo {
        font-size: 23px;
        padding: 15px;
        margin-top: 0.5rem;
    }

    .subtitulo {
        font-size: 14px;
    }

    .background {
        padding: 20px;
        border-radius: 2%;

    }

    .grupo {
        flex-direction: column;
        align-items: stretch;
        padding-left: 1rem !important;
        padding-bottom: 20px;
    }

    input,
    select {
    padding-left: 0.8rem !important;
    width: 15rem;
}

.campo label {
    max-width: 15rem;
}

#setor, #setor-ad{
    width: 16.3rem !important;
}

#telefone{
    width: 10.7rem
}

    .grupo-telefone{
        margin-bottom: 14px;
       
    }

    .campo.setor-Primario {
        margin-top: -10px;
      
    }

    .campo.setor-Primario,
    .campo.setor-Secundario {
        flex-wrap: wrap;
        margin-left: 1rem;
    }

    .campo.setor-Secundario {
        margin-top: 3px;
        float: none;
    }

    .campo-agenda{
        float: none;
        margin-left: 1rem;
        margin-bottom: 15px;
    }

    .campo-ddd{
        
        width: 3rem;
    }

    
    .campo-celular {
        width: 9rem;
        margin-left: 21px;
    }

    .div-botao-form,
    .div-botao-copiar {
        font-size: 12px;
        padding-top: 20px;
    }

    .div-botao-form {
        margin: 10px 10px 10px;
    }

    .div-botao-copiar {
        margin-bottom: 15px;
    }

    .btn-form,
    .btn-copiar-assinatura {
        padding: 8px 20px;
    }
}

 
@media(max-width: 344px) {
    .titulo{
        font-size: 15px;
    }

    .campo label {
        max-width: 15rem;
    }

    .background::before {
        content: "";
        background-image: url(/img/apis3.png);
        background-size: 4rem;
        background-repeat: no-repeat;
        background-position: 13px 130px;
        padding: 8rem;
    }

    .grupo {
        padding: 20px;
    }
}