#join_form {
   display: none;
   justify-content:center;
}
#thank-you {
   display:none;
}



.err {
    margin: 0;
    flex: 1 1 50%;
    padding: .25rem 0 .25rem .5rem;
    margin-left: calc(40% + .75rem);
    border-radius: 4px 4px 0px 0px;
    color: whitesmoke;
    font-weight: bold;
    background-color: darkred;
}
.err + div {
    border: darkred 1px solid;
    border-radius: 0px 0px 4px 4px;
}
.submit {
   margin-left: 40%;
}

form {
   display:flex;
   flex-wrap: wrap;
}
form > div {
   display:flex;
   padding: .3rem;
   margin-bottom: .5rem;
   flex: 1 0 100%;
}
form label {
   flex: 0 0 40%;
   font-size: 1.5rem;
   text-align: right;
   margin-right: .75rem;
}
label p {
   font-size: .9rem;
}
form input, form select, form textarea {
   flex: 1 1 50%
}
form select {
   display:block;
}
form textarea{
	font-family: "Open Sans", Arial, sans-serif;
}

form input[type="checkbox"] {
   display:inline-block;
   width: 14px;
   height: 14px;
   padding: 0;
   margin: 4px;
   background-color: white;
}
form input[type="text"] {
   padding: .25rem;
   border-radius: 3px;
   line-height: 1.5rem;
}

form .contact {
   display:flex;
   flex: 0 0 50%;
}

.how-did-you-find-bats{
   display:block;
}


.find-boxes {
   display: flex;
   flex-wrap: wrap;
   margin-top:.3rem;
}
.find-boxes > * {
   display: block;
   flex: 1 0 45%;
   font-size: 1rem;
   text-align: left;
   padding: .1rem;
   margin-left: .75rem;
}
.find-boxes > *:hover {
   background-color: rgba(0,0,0,.1);
   cursor: pointer;
}
.find-boxes div input {

}

/* subscribe select */
#entry\.1789984741 { flex: 0 0 10%}

/* pronouns select */
#entry\.250876492 {
   flex: 0 0 30%;
   height: 34px;
}

/* pronouns other textfield */
#entry\.250876492\.other_option_response { display:none;}



@media (max-width: 768px) {
   form > div { display:block;}
   form label {
      display:block;
      text-align: left;
   }
   #entry\.250876492 {
      flex: 0 0 30%;
   }

   .err {
       margin: 0;
   }
}