/* Wrap in a unique classed containing div */
.sign-up-form {
  /* Style this containing div if required */ }

/* Generic fields with containing divs above applied */
.sign-up-form .field input, .login-form .field input, .forgotten-form .field input {
  width: 75%;
  padding: 10px;
  border: 1px solid #d4d8d7;
  background: #eef0ef;
  margin: 10px 0 10px 0;
  font-size: 18px; }
.sign-up-form .control select, .login-form .control select, .forgotten-form .control select {
  width: 75%;
  padding: 10px;
  border: 1px solid #d4d8d7;
  background: #eef0ef;
  margin: 10px 0 10px 0;
  font-size: 18px; }
.sign-up-form .control select.adder, .login-form .control select.adder, .forgotten-form .control select.adder {
  width: 75%;
  padding: 10px;
  border: 1px solid #d4d8d7;
  background: #eef0ef;
  margin: 10px 0 10px 0;
  font-size: 18px; }
.sign-up-form .field textarea, .login-form .field textarea, .forgotten-form .field textarea {
  width: 75%;
  padding: 10px;
  border: 1px solid #d4d8d7;
  background: #eef0ef;
  margin: 10px 0 10px 0;
  font-size: 18px; }
.sign-up-form .field input[type='checkbox'], .login-form .field input[type='checkbox'], .forgotten-form .field input[type='checkbox'] {
  width: 3%; }
.sign-up-form .field input[type='radio'], .login-form .field input[type='radio'], .forgotten-form .field input[type='radio'] {
  width: 3%; }
.sign-up-form ul, .login-form ul, .forgotten-form ul {
  margin-left: 30px; }
.sign-up-form ul li a, .login-form ul li a, .forgotten-form ul li a {
  color: #eb2b54; }
.sign-up-form input.button[type='submit'], .login-form input.button[type='submit'], .forgotten-form input.button[type='submit'] {
  border: none;
  margin-top: 20px;
  background: #eb2b54;
  border-radius: 10px;
  padding: 8px;
  color: #fff;
  font-size: 16px;
  height: 45px;
  min-width: 100px;
  cursor: pointer; }
.sign-up-form input.small-button[type='submit'], .login-form input.small-button[type='submit'], .forgotten-form input.small-button[type='submit'] {
  border: none;
  background: #eb2b54;
  border-radius: 8px;
  padding: 3px;
  color: #fff;
  font-size: 14px;
  height: 25px;
  min-width: 100px;
  cursor: pointer; }

@media (max-width: 768px) {
  .sign-up-form .field input, .login-form .field input, .forgotten-form .field input {
    width: 100%;
    max-width: 450px; }

  .sign-up-form .field textarea, .login-form .field textarea {
    width: 100%;
    max-width: 450px; }

  .sign-up-form .control select, .control select.adder {
    width: 100% !important;
    max-width: 450px; } }