.libcard-fname, .libcard-mname {
  width: 50%;
  padding-right: 2.5%;
  float: left;
}
.libcard-mname {
  padding-right: 0;
  padding-left: 2.5%;
}
.libcard-lname {
  width: 100%;
  clear: both;
}
.birthdate {
  clear: both;
}
.birthdate > input {
  display: inline-block;
}
#birthmonth, #birthday {
  width: 20%;
  max-width: 120px;
  padding-right: 2.5%;
}
#birthyear {
  width: 40%;
  max-width: 180px;
}
.libcard-streetaddress {
  width: 75%;
  padding-right: 5%;
  float: left;
}
.libcard-aptnumber {
  width: 25%;
  float: left;
}
.libcard-city, .libcard-county, .libcard-state {
  width: 33.3333333%;
  padding-right: 5%;
  padding-left: 0;
  float: left;
}
.libcard-state {
  padding-right: 0;
}
.libcard-zip {
  width: 33.3333333%;
}
.form-2col {
  width: 50%;
  padding-right: 2.5% !important;
  float: left;
}
.form-2col + .form-2col {
  padding-right: 0 !important;
  padding-left: 2.5% !important;
}
.agreement-text {
  height: auto;
  overflow: hidden;
  background-color: #f0f0f0;
  padding: 1em 1.25em 0 1.25em;
}
@media screen and (min-width:44.375em) {
  .libcard-fname, .libcard-mname, .libcard-lname {
    width: 33.3333333% !important;
    padding-right: 5%;
    padding-left: 0;
    float: left;
  }
  .libcard-lname {
    padding-right: 0;
    clear: none;
  }
  .libcard-city, .libcard-county, .libcard-state, .libcard-zip {
    width: 25%;
    padding-right: 5%;
    float: left;
  }
  .libcard-zip {
    padding-right: 0;
  }
}