/* (X) NOT IMPORTANT - COSMETICS */
* {
  font-family: Arial, Helvetica, sans-serif;
  box-sizing: border-box;
}

form {
  width: 100%;
  max-width: 800px;
  padding: 20px;
  border: 1px solid #f1f1f1;
  background: #f5f5f5;
}
label, input {
  display: block;
  width: 100%;
}
label { margin: 10px 0; }
label:first-child { margin-top: 0; }
input {
  border: 1px solid #e7e7e7;
  padding: 10px;
}
input[type=submit] {
  margin-top: 20px;
  border: 0;
  color: #fff;
  background: #1766c9;
  cursor: pointer;
}

.message {
  width: 100%;
  max-width: 800px;  
  color:white;
  padding:1em;
}

.message.success {
  background-color: green;
}

.message.error {
  background-color: red;
}

/* MOBILE RESPONSIVENESS FOR TABLETS AND BELOW */
@media (max-width: 768px) {
  form label, form input {
    font-size: 1.2em; /* INCREASE THE FONT SIZE */
  }
}