/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}svg:not(:root){overflow:hidden}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-input-placeholder{color:inherit;opacity:0.54}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/* End extract */

.main {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    background-color: hsl(0, 0%, 86%)
    }

.add-flex{
flex: 1;
}

.no-padding-top {
    padding-top: 0px;
}

.six-pad-top {
    padding-top: 6em
}

.footer {
    background-color: hsl(0, 0%, 21%);
    padding:1.5rem;
}

strong#footer-title {
    color: hsl(0, 0%, 86%)!important;
}

#after_submit, #email_validation, #name_validation {
    display:none;
}

#after_submit{
    background-color: #c0ffc0;
    line-height: 31px;
    margin-bottom: 10px;
    padding-left: 20px;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

label, #after_submit{
	color: #6c6c6c;
}

/* input{
    line-height: 31px;
}

input, textarea{
    width: 288px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: rgba(255,255,255,.6);
	border: solid 1px #b6c7cb;
} */

#contact_form{
    max-width: 650px;
	height: 450px;
    background-color: rgb(53, 53, 53);
    border: solid 2px white;
    padding: 10px 20px 50px 20px;
}

#contact_form:hover {
    box-shadow: 2px 3px 3px rgba(10,10,10,.3); 
}

#contact_form label {
    color: white;
}

input#submit_button {
    width: 120px;
	height: 35px;
    color: white;
    background: #4C8FFB;
    border: 1px #3079ED solid;
    box-shadow: inset 0 1px 0 #80B0FB;
    font-weight: bold;
    margin-top: -10px;
}

input#submit_button:hover {
    border: 1px #2F5BB7 solid;
    background: #3F83F1;
}

input#submit_button:active {
    box-shadow: inset 0 2px 5px #2370FE;   
}

input.input {
    background-color: rgba(178, 185, 201, 0.2);
    color: white;
}

textarea.textarea {
    background-color: rgba(178, 185, 201, 0.2);
    color: white;
}

input.input::placeholder  {
    color: #aaa;
}


textarea.textarea::placeholder {
    color: #aaa;
}

label.required:after {
  content:'*';
  color:#d9534f ;
}

.error {
  background-color:rgb(53, 53, 53);
  color:#d9534f ;
}
.error_message{
  font-style: italic;
  font-weight: bold;
  font-size: 10px;
}