.formContainer {
    display:flex;
    flex-direction: column;
}

.button-container {
	justify-content: center;
	display: flex;
	width: 100%;
	margin-bottom: 20px;
}

input.text, textarea {
    width:100%;
    margin:0px 35px 25px 0px;
    color:#480E00;
    background-color: #FFE292;
    font-family: cafeteria;
    font-size: 1.2em;
    padding:3px 5px 3px 5px;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #A98329;
    opacity: 1; /* Firefox */
    font-family: cafeteria;
    font-size: 1.2em;
  }
  
  :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #A98329;
    font-family: cafeteria;
    font-size: 1.2em;

  }
  
  ::-ms-input-placeholder { /* Microsoft Edge */
    color: #A98329;
    font-family: cafeteria;
    font-size: 1.2em;

  }
/* for labels that don't need to appear visually, but should be read be screen readers */
label.sr-only {

    position: absolute;
    left: -99999px;
    height: 1px;
    width: 1px;
    overflow: hidden;

}

/* honeypot wrapper: hides the anti-spam field from real users while leaving it
   in the DOM for bots. Off-screen positioning is more bot-resistant than
   display:none; tabindex="-1" and autocomplete="off" on the input keep keyboard
   users and browser autofill out of it. */
.hp {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.error_text {
    margin-left: 10px;
    color: yellow;
    display:none;
}

#frmJoinTheHerd, #frmContact {
    max-width:400px;
    padding-left:40px;
}
@media screen and (max-width: 799px) {
    #frmContact {
        width:100%;
        max-width: unset;
        padding-left:unset;
    }
}