.contato__panel {
    position: relative;
}
.contato__panel--fim {
    border: none;
    bottom: 10px;
    margin: 0px 0px 0px -14px;
    position: absolute;
    width: 100%;
}

.ui-outputlabel .ui-outputlabel-rfi {
    color: red;
}
.contato__campos {
    position: absolute;
}
.contato__button {
    height: 35px;
}

@media screen and (min-width: 541px) {
    .contato__panel {
        height: 450px;
        width: 500px;
    }

    .contato__campos--output__usuario {
        left: 20px;
        top: 10px;
    }

    .contato__campos--input__usuario {
        left: 100px;
        top: 10px;
    }

    .contato__campos--output__email {
        left: 20px;
        top: 45px;
    }

    .contato__campos--input__email {
        left: 100px;
        top: 40px;
        width: calc(100% - 120px);
    }

    .contato__campos--output__telefone {
        left: 20px;
        top: 80px;
    }

    .contato__campos--input__telefone {
        left: 100px;
        top: 75px;
        width: calc(100% - 120px);
    }

    .contato__campos--output__natureza {
        left: 20px;
        top: 115px;
    }

    .contato__campos--input__natureza {
        left: 100px;
        top: 110px;
        width: calc(100% - 120px);
    }

    .contato__campos--output__mensagem {
        left: 20px;
        top: 150px;
    }

    .contato__campos--input__mensagem {
        left: 20px;
        top: 170px;
        width: calc(100% - 40px);
    }

    .contato__button {
        width: 200px;
    }
}

@media screen and (max-width: 540px) and (min-width: 0px) {
    .contato__panel {
        height: 510px;
        width: 100%;
    }
    .contato__campos--output__usuario {
        left: 20px;
        top: 10px;
    }
    .contato__campos--input__usuario {
        left: 20px;
        top: 30px;
    }

    .contato__campos--output__email {
        left: 20px;
        top: 60px;
    }
    .contato__campos--input__email {
        left: 20px;
        top: 80px;
        width: calc(100% - 40px);
    }

    .contato__campos--output__telefone {
        left: 20px;
        top: 110px;
    }
    .contato__campos--input__telefone {
        left: 20px;
        top: 130px;
        width: calc(100% - 40px);
    }

    .contato__campos--output__natureza {
        left: 20px;
        top: 160px;
    }
    .contato__campos--input__natureza {
        left: 20px;
        top: 180px;
        width: calc(100% - 40px);
    }

    .contato__campos--output__mensagem {
        left: 20px;
        top: 210px;
    }
    .contato__campos--input__mensagem {
        left: 20px;
        top: 230px;
        width: calc(100% - 40px);
    }

    .contato__button {
        width: 100%;
    }
}