.well {
  background: none !important;
  border: none !important;
  max-width: 1000px;
}

#tbits-form {
  display: flex;
  flex-wrap: wrap;
  color: white;
}

.tbits-form-input {
/*   flex: 1; */
}

.first-name, .last-name {
  width: 50%;
}

.email {
  width: 100%;
}

.phone {
  width: 100%;
}

form.was-validated input.form-control:invalid {
    border: 1px solid red;
}

.well {
    background: none;
    border: none;
}

#tbits-form {
    display: flex;
    flex-wrap: wrap;
    color: white;
    font-family: 'Knockout 28' !important;
    max-width: 1000px;
    margin: 0 auto;
}

.tbits-form-input, .tbits-form-button {
    padding: 0.5rem .5rem;
}

.tbits-form-input > input {
    background: rgba(255,255,255,1.0);
    border: 1px solid black;
    text-align: center !important;
    box-shadow: -2px 2px 0px #000000;
    text-transform: uppercase !important;
    font-weight: 700;
    font-size: 1.5rem;
    color: black !important;
    min-height: 40px;
}

.tbits-form-input > input:focus {
    box-shadow: -2px 2px 0px #000000;
}

.tbits-form-input > input::placeholder{
    color: black;
}

.first-name, .last-name {
    width: 50%;
}

.email, .phone, .zip-code {
    width: 33.333%;
}

.tbits-form-button {
    width: 40%;
}
.tbits-form-button > a {
    background: #000000;
    box-shadow: -2px 2px 0px #fff;
    border: none;
    border-radius: 3px;
    color: white;
    font-family: 'Knockout 28';
    font-weight: 700;
    font-size: 1.5rem;
    text-transform: uppercase;
    height: 40px;
    display: flex;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    transition: all 0.25s ease-in-out;
}

.tbits-form-button > a:hover {
    background: #8f8f8f;
    color: black;
    transform: scale(0.95);
}

.tbits-form-checkbox {
    display: flex;
    justify-content: start;
    align-items: start;
    flex-direction: row-reverse;
    width: 100%;
    margin-top: .25rem;
    padding-left: .25rem;
}

.tbits-form-checkbox.dwp-optin {
    margin-top: 0.8rem;
}

.tbits-form-checkbox input {
    width: 14px !important;
    margin-top: 2px;
}

.tbits-form-checkbox label {
    padding: 0px 0px 0px 6px;
    margin-bottom: 0.8rem;
    color: black;
}

#tbits-form-errors {
    width: 100% !important;
    color: red;
    font-family: 'Knockout 28';
    font-weight: 700;
    font-size: 1.5rem;
}

#tbits-form-success {
    width: 100% !important;
    color: green;
    font-family: 'Knockout 28';
    font-weight: 700;
    font-size: 1.5rem;
}
@media only screen and (max-width: 768px) {
    #tbits-form {
        flex-direction: column
    }

    #tbits-form * {
        width: 100%;
    }
}