*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}





h1 {
  margin-top: 0;
}

.field {
  margin: 10px 0;
}

label {
  display: block;
  margin-top: 5px;
  margin-bottom: 5px;
  color: #543C49;
}

input {
border:none;
font-family: 'Merriweather', serif;
 height:40px;
 font-size:1em;
 color:#543C49;
 border-radius:5px;
 margin-top:0,;
 margin-bottom:5px;
 width:100%;
  padding: 5px;

}

textarea {
  width: 100%;
  height:80px;
  padding: 0.5em 0.5em;
  border:none;
font-family: 'Merriweather', serif;
 font-size:1em;
 color:#543C49;
 border-radius:5px;
 margin-top:0,;
 margin-bottom:15px;
}

button {padding:10px;
font-family:'Open sans', sans-serif;
width:auto;
height:auto;
 font-size:20px;
 border:none;
 color:#FFF;
 border-radius:5px;
 background-color:#2a67b2;
  -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;
}

button:hover, button:focus {
  background-color:#00adef;
   -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;
}

button:active {
  opacity: 1;
  box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.1) inset;
}

.success {font-family: 'Merriweather', serif;
  padding: 1em;
  margin-bottom: 0.75rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #468847;
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.error {font-family: 'Merriweather', serif;
  padding: 1em;
  margin-bottom: 0.75rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #b94a48;
  background-color: #f2dede;
  border: 1px solid rgba(185, 74, 72, 0.3);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}