//Estilizando a classe para deixar os campos com 50% de largura
.nome, .carterinha {
  float: left;
  width: 50%;
  margin-bottom: 20px;
}
//Estilizando os campos que vão receber o conteúdo (inputs)
.formulario-item-50 input {
  width: 50%;
  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: 50%
  }
  //Retirando o espaçamento da direita no mobile para alinhar os campos
  .formulario-item-50.item-esquerda {
    padding-right: 0;
  }
}
.formulario-item-100 {
  width: 50%;
  margin-bottom: 20px;
}
.formulario-item-100 input {
  width: 50%;
}
.formulario-item-100 textarea {
  width: 50%;
}