html { font-size: 100% !important; }

.users.form.content {
    max-width: 24rem;
    margin: 6rem auto;
    background-color: #fff;
    border-radius: 12px;
    padding: 2.5rem;
}

.users h2 {
    text-align: center;
    color: #786C3B;
    font-size: 1.8rem;
    margin-bottom: 1.5rem;
}

.users button {
    width: 100%;
    background-color: #786C3B;
    color: #fff;
    border: none;
    text-transform: none;
    letter-spacing: normal;
}

.users button:hover {
    background-color: #5a5029;
}
.users label {
    font-size: 0.95rem !important;
}

.users input {
    font-size: 0.95rem !important;
    height: 2.5rem !important;
    padding: 0.5rem 0.8rem !important;
}

.users a {
    display: block;
    margin-top: 1rem;
    color: #786C3B;
    text-decoration: none;
    font-size: 0.95rem;
}

.users a:hover {
    text-decoration: underline;
}

.btn-register {
    display: block;
    width: 100%;
    margin-top: 0.8rem;
    padding: 0.75rem;
    background-color: #DAD7C5;
    color: #786C3B;
    border: 2px solid #786C3B;
    border-radius: 6px;
    text-align: center;
    text-decoration: none;
    font-size: 1rem;
    cursor: pointer;
    box-sizing: border-box;
}

.btn-register:hover {
    background-color: #c8c4b0;
    color: #786C3B;
}