/*Estilizando a classe para deixar os campos com 50% de largura*/
.formulario-item-50 {
  float: left;
  width: 50%;
  margin-bottom: 20px;
}
/*Estilizando os campos que vão receber o conteúdo (inputs)*/
.formulario-item-50 input {
  width: 100%;
  float: left;
}

/*/Estilizando a classe item-esquerda para dar um espaço na direita entre os campos*/
.formulario-item-50.item-esquerda {
  padding-right: 15px;
}

/*/Configurando o comportamento dos campos no mobile*/
@media only screen and (max-width: 767px) {
  .formulario-item-50 {
    width: 100%
  }

  /*/Retirando o espaçamento da direita no mobile para alinhar os campos*/
  .formulario-item-50.item-esquerda {
    padding-right: 0;
  }
}

.formulario-item-100 {
  width: 100%;
  margin-bottom: 20px;
}

.formulario-item-100 input {
  width: 100%;
}

.formulario-item-100 textarea {
  width: 100%;
}