/*   FORM   */
#contact-form {
	padding: 2em;
	margin: 0 auto;
	font-family: 'Open Sans', sans-serif;
   /* background-color:#F2F7F9;
    padding:1.8em;
    border: 0.5em solid #8FB5C1;
    -webkit-border-radius:15px;
    border-radius:15px;*/
}
 
#contact-form input, 
#contact-form select, 
#contact-form textarea, 
#contact-form label {
	font-family: 'Open Sans', sans-serif;
	
    /*font-size:1.5em;*/
	height: 30px;
	margin:5px;
	text-align:center;
}
 
#contact-form input, 
#contact-form select, 
#contact-form textarea {
	font-family: 'Open Sans', sans-serif;
	color:#666;
    border: 1px solid #a6a6a6;
    margin-bottom:1em;
    padding:0.3em;
	width:100%;
	text-align:left;
}
 
#contact-form input:focus, 
#contact-form select:focus, 
#contact-form textarea:focus {
	
	color:#666;
    border: 1px solid #ee4445;
    background-color: #fff;
}
 
#contact-form textarea {
	color:#666;
    height:7em;
    resize: none;
}
 
#contact-form .required {
    font-weight:bold;
    color:#F00;    
}
 
#contact-form #submit-button {
	border: 1px solid #8382cb;
	font-family: 'Open Sans', sans-serif;
	letter-spacing: 1px;
	background: #FFF;
	width:200px;
	color: #585858;
	font-weight: 600;
	padding:0.7em;
	height: auto;
	text-align:center;
	text-transform:uppercase;
}
 
#contact-form #submit-button:hover {
    background-color: #8382cb;
	color:#FFF;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
 
#contact-form #submit-button:active {
    position:relative;
}
/* Normalize placeholder styles */
 
/* chrome, safari */
::-webkit-input-placeholder {
    color:#CCC;
    font-style:italic;
}
 
/* mozilla */
input:-moz-placeholder, textarea:-moz-placeholder {
    color:#CCC;
    font-style:italic;
}
 
/* ie (faux placeholder) */
input.placeholder-text, textarea.placeholder-text  { 
    color:#CCC;
    font-style:italic;
}
/*   / FORM */

	

@media only screen and (min-width: 10px) {
    /* Style adjustments for viewports that meet the condition */
	#contact-form {
		width:70%;
	}
	
	#contact-form #submit-button {
		font-size:12px;
	}
}

@media only screen and (min-width: 320px) {
    /* Style adjustments for viewports that meet the condition */
}

@media only screen and (min-width: 680px) {
    /* Style adjustments for viewports that meet the condition */
}

@media only screen and (min-width: 1024px) {
    /* Style adjustments for viewports that meet the condition */
	#contact-form {
		width:50%;
	}
}

@media only screen and (min-width: 1280px) {
    /* Style adjustments for viewports that meet the condition */
	
	#contact-form #submit-button {
		font-size:14px;
	}
	
	#contact-form {
		width:60%;
	}
}