form#f_contact {
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
}

form#f_contact ul li {
    margin-left: 0;
    margin-bottom: 15px;
}

form#f_contact input,
form#f_contact select,
form#f_contact textarea,
form#f_contact div.form-actions{
    margin-top: 5px;
    margin-left: 20px;
    width: min(300px, 100%);
    box-sizing: border-box;
}

form#f_contact textarea {
    resize: none;
    height: 180px;
}
form#f_contact div.form-actions {
  margin-top: 20px;
  text-align: right;
}

button#b_submit {
  padding: 10px 30px;
  background-color: #ff99cc;
  color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 1.1em;
  font-weight: bold;
}
button#b_submit:hover {
  background-color: #ff66aa;
}

button#b_submit:disabled {
  background-color: #ccc;
  cursor: not-allowed;
}

p.error-message {
  color: #ff3333;
  margin-top: 10px;
  font-weight: bold;
  text-align: left;
}

p.success-message {
  color: #33cc33;
  margin-top: 10px;
  font-weight: bold;
  text-align: left;
}