.row-contacto{
	font-family: 'Open Sans Condensed', sans-serif;
	padding: 10px;
	margin-top: 40px;

}

.row-contacto .titulo-contacto{
	padding: 20px;
}

.row-contacto .titulo-contacto h2{
	color: #0175b1;
	text-align: center;
	font-size: 1.3em;
}

.row-contacto .titulo-contacto p{
	color: #525252;
	text-align: center;
	font-size: 1.2em;
	font-style: italic;
	padding: 10px;
}

.row-contacto .titulo-contacto i{
	color: #99ca3b;
	font-style: italic;
	padding: 10px;
	font-size: 1.2em;
}


.row-contacto .formulario{
	text-align: left;
	padding: 20px;
}

.row-contacto .formulario form{
	width: 100%;
	margin: auto;
}

.row-contacto .formulario form label{
	font-size: 1.7em;
	color: #525252;
}


.row-contacto .formulario .boton-enviar{
	
}

.row-contacto .formulario button{
	position: relative;
	width: 100%;
	padding: 20px;
	font-size: 1.5em;
	background: #0175b1;
	margin-top: 25px;
}

.row-contacto .formulario button:hover{
	background: #50a9d8;
	border: 1px solid #fff;
}


.mensaje-enviado{
	font-size: 1em;
	
}









/* ---------------------------------------------------------- */
/* ========================================================== */
/* ---------------------------------------------------------- */
/* ========================================================== */
/* =================   MEDIA BREAK POINTS   ================= */
/* ========================================================== */
/* ---------------------------------------------------------- */
/* ========================================================== */
/* ---------------------------------------------------------- */




/* Small devices (landscape phones, 576px and up) */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media (min-width: 576px) {
	
.row-contacto .titulo-contacto{
	padding: 0 40px 0 40px;
}

.row-contacto .formulario{
	text-align: left;
	padding: 100px;
}

.row-contacto .formulario form{
	width: 400px;
}


.row-contacto .formulario form label{
	font-size: 1.5em;
}

.row-contacto .formulario .boton-enviar{
	
}

.row-contacto .formulario button{
	padding: 20px;
	margin-left: 10px;
	font-size: 1.5em;
	margin-top: 25px;
}

	

}






/* Medium devices (tablets, 768px and up) */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media (min-width: 768px) {


.row-contacto .titulo-contacto{
	padding: 20px 150px 0 150px;
}

.row-contacto .titulo-contacto h2{
	font-size: 1.2em;
}

.row-contacto .titulo-contacto p{
	font-size: 1.1em;
	padding-left: 20px
}

.row-contacto .titulo-contacto i{
	padding: 10px;
	font-size: 1.1em;
}

.row-contacto .formulario form{
	width: 450px;
}

.row-contacto .formulario form label{
	font-size: 1.3em;
}


 }
	



	/* Large devices (desktops, 992px and up) */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media (min-width: 992px) {



.row-contacto .titulo-contacto{
	padding: 20px 250px 0 280px;
}

.row-contacto .titulo-contacto h2{
	font-size: 1.1em;
}

.row-contacto .titulo-contacto p{
	font-size: 1em;
}

.row-contacto .titulo-contacto i{
	font-size: 1em;
}

.row-contacto .formulario{
	text-align: left;
	padding: 10px 350px 100px 350px;
}

.row-contacto .formulario form label{
	font-size: 1em;
}
 
.row-contacto .formulario button{
	padding: 10px;
	font-size: 1em;
}


}





/* Extra large devices (large desktops, 1200px and up) */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media (min-width: 1200px) {



.row-contacto .titulo-contacto{
	padding: 20px 400px 0 400px;
}



.row-contacto .formulario form label{
	font-size: 1em;
}
 
.row-contacto .formulario button{
	font-size: 1em;
}


}