.contact-form {

max-width: 45em;
padding: 3em 9em 4em 9em;
margin-left: auto;
margin-right: auto;

}

@media all and (max-width: 768px) {

.contact-form {
  padding: 2em 2em 4em 2em;
}

}

.form-message {

font-family: "Operator Mono SSm-BookItalic";
text-align: center;

}

.input-wrapper {

padding: 0.4em 0em;

}

input, label {

text-align: left;
margin-bottom: 7px;

}

input {

width: 100%;
box-shadow: inset 0 2px 0 rgba(39,65,90,.075);
border-radius: 2px;
border: 0;
padding: 11px 13px;
background-color: #F7F7F8;
margin-top: 7px;
font-size: 14px;

}

textarea {

display: block;
margin-top: 7px;
width: 100%;
height: 200px;
padding: 10px;
font-size: 14px;
box-shadow: inset 0 2px 0 rgba(39,65,90,.075);
border-radius: 2px;
border: 0;
background-color: #F7F7F8;

}

input {

text-align: center;
cursor: pointer;
transition: background 0.5s;
font-size: 16px;
&:hover {
  background: darken($dark-sea-green, $darken--button);
}

}

.button-wrapper {

margin-top: 2.5em;

}

.button {

padding: 11px 40px;
box-shadow: inset 0 2px 0 rgba(39, 65, 90, 0.075);
text-decoration: none;
transition: background 0.5s;
&:hover{
  color: #FFF;
}

}