section#contact-form {
	display: block;
  position: relative;
	width: 100%;
	font-size: 105%;
	padding: 20px 20px 5px 10px;
	vertical-align: top;
	background: #ffffff;
	border: 9px solid #f2f2f2;
	box-sizing: border-box;
	margin: 0 auto;
}

section#contact-form h1, section#contact-form p {
  text-align: center;
  margin: 0 auto;
}

section#contact-form input, section#contact-form textarea , section#contact-form button, section#contact-form select, section#contact-form label, section#contact-form div.g-recaptcha {
  width: 80%;
  margin: 0 0 0 30px;
}    
section#contact-form input, section#contact-form textarea , section#contact-form button, section#contact-form select, section#contact-form div.g-recaptcha {
  margin-bottom: 15px;
}    

section#contact-form button {
  font-size: 13px;	
}

section#contact-form textarea {
  height: 200px;
}

div#success_message {
  width: 80%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 50%;
  height: 30%;
  margin: auto;
  text-align: center;
}

div#success_message h3 {
  
}

/*
section#contact-form #input-fileds {
	margin: 0 auto;
}
*/

@media  only screen and (min-device-width: 768px) 
{
    .form-container {
      padding: 5%;
      background: #ffffff;
      border: 9px solid #f2f2f2;            
      max-width: 520px;
      margin: auto;
    }

}