/*
* Styles for contact form
*/


#contact-form {
max-width: 640px;
margin: 0 auto;
margin-top: 2em;
padding-bottom: 2em;
}

.input-label {
display: block;
margin-top: 1.2em;
margin-bottom: 0.2em;
}

.input {
display: block;
padding: 8px 8px;
font: inherit;
border: 1px solid #95a5a6;
}

input.input {
width: 50%;
}

textarea.input {
width: 96%;
height: 10em;
overflow-y: auto;
}

button.input {
display: inline-block;
margin-top: 1.4em;
cursor: pointer;
border-radius: 5px 5px;
padding: 0.6em 1.2em;
color: #ffffff;
background: #2455c3;
border: 1px solid #2455c3;
}

.input:focus {
outline: 0;
border-color: #e74c3c;
}

::-webkit-input-placeholder {
color: #95a5a6;
}
:-moz-placeholder {
color: #95a5a6;
}
::-moz-placeholder {
color: #95a5a6;
}
:-ms-input-placeholder {
color: #95a5a6;
}
:placeholder {
color: #95a5a6;
}



@media screen and (max-width: 420px) {
input.input {
width: 94%;
}
textarea.input {
width: 94%;
}
}