/* contact form **************************************/
	input, textarea {
		outline: none;
		resize: none;
	}

	#contactForm form {
		width: 300px; 
		margin: 0 auto ;
		position: relative; 
	}

	#contactForm h1 {
		margin: 80px 0 20px 0;
		font-family: "Montserrat";
		text-align: center;
		font-size: 20px;
	}

	#nombre, #email, #comentario, .formButtons, #contactForm label {
		font-family: 'Source Sans Pro', sans-serif;
		font-weight: 400;
	}
	
	#nombre, #email, #comentario {width: 300px;}

	#nombre, #email, #comentario {
		font-size: 20px;
	    border: solid 2px #444;
	    border-radius: 3px;
	    margin-bottom: 20px;
	    background-color: transparent;
	    color: #444;
	}

	#nombre-error, #email-error, #comentario-error {
		color: red;
		position: absolute;
		font-size: 12px;
	}

	#nombre-error {left: 0; top: 32px;}
	
	#email-error {top: 85px;}
	
	#comentario-error {bottom: 40px;}

	.formButton {
		width: 307px;
		font-family: "Montserrat";
		font-size: 20px;
		text-transform: uppercase;
		color: #444;
		border: 2px solid #444;
		border-radius: 3px;
		background-color: transparent;
		cursor: pointer;
		-webkit-transition: all 200ms ease;
		-moz-transition: all 200ms ease;
		-ms-transition: all 200ms ease;
		-o-transition: all 200ms ease;
		transition: all 200ms ease;
	}

	.formButton:hover {
		background-color: #444;
		border: solid 2px #444;
	    color: #FFF;
		-webkit-transition: all 200ms ease;
		-moz-transition: all 200ms ease;
		-ms-transition: all 200ms ease;
		-o-transition: all 200ms ease;
		transition: all 200ms ease;
	}

@media screen and (min-width: 658px){
	
	#contactForm form {width: 600px;}

	#nombre, #email{width: 296px;}
	
	#email {position: absolute; }
	
	#comentario {width: 600px;}
	
	#nombre-error {left: 0; top: 32px;}
	
	#email-error {top: 32px;}

	.formButton {width: 608px;}
}