.fondo-contacto {
	background-image:url(../imagenes/contacto-sanbombas.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	}


#contacto {
	position:relative;
	float:left;
	width:30%;
	height:350px;
	margin-left:20%;
	margin-top:20%;
	background-color:rgba(255,37,54,0.8);
	margin-right:10px;
	padding:50px;
	}
	
#contacto h1 {
	font-size:70px;
	color:#fff;
	margin-bottom:10px;
	}
	
#contacto h2 {
	color:#fff;
	font-size:18px;
	line-height:30px;
	font-weight:350;
	padding-left:20px;
	}
	
#formulario {
	position:relative;
	float:left;
	width:30%;
	height:350px;
	box-sizing:border-box;
	margin-top:20%;
	}

.botones-form {
	width:100%;
	height:40px;
	font-family: 'Ubuntu', sans-serif;
	font-size:16px;
	color:#FF2536;
	border:none;
	padding-left:20px;
	margin-bottom:5px;
	border-bottom:1px solid #FF2536;
	background-color:rgba(255,255,255,0.8);
	outline:none;
	
			transition: 0.2s ease;
	-o-transition: 0.2s ease;
	-webkit-transition: 0.2s ease;
	}
	
.botones-form:hover {
	color:#5F6A00;
	border-bottom:1px solid #92A10E;
	}
	
.botones-form::-webkit-input-placeholder {
	color:#FF2536;
	}
	
.botones-form::-moz-input-placeholder {
	color:#97A800;
	}
	
.botones-form:hover::-webkit-input-placeholder {
	color:#5F6A00;
	}
	
.botones-form:hover::-moz-input-placeholder {
	color:#5F6A00;
	}
	
.mensaje {
	height:170px;
	}
	
#enviar {
	width:100%;
	background-color:#FF2536;
	height:35px;
	border:none;
	outline:none;
	text-align:left;
	color:#FFF;
	font-family: 'Dosis', sans-serif;
	font-size:20px;
	cursor:pointer;
	padding-left:20px;
	
				transition: 0.2s ease;
	-o-transition: 0.2s ease;
	-webkit-transition: 0.2s ease;
	}
	
#enviar:hover {
	background-color:#92A10E;
	}
	
	
#confirma {
	width:300px;
	height:300px;
	border-radius:50%;
	background-color:rgba(255,37,54,0.8);
	color:#fff;
	font-size:25px;
	line-height:30px;
	margin:auto;
	margin-top:20%;
	text-align:center;
	padding:50px;
	padding-top:120px;
	}

	
/*1366*/	
@media screen and (max-width:1440px) {
	
#contacto {
	width:40%;
	margin-left:10%;
	margin-top:15%;
	}
	
#formulario {
	width:40%;
	margin-top:15%;
	}	
	
	
	}
	
	
/*1024*/	
@media screen and (max-width:1100px) {
	
#contacto {
	padding:80px 30px;
	}
	
#contacto h1 {
	font-size:50px;
	}
	
#contacto h2 {
	color:#fff;
	font-size:18px;
	line-height:30px;
	font-weight:300;
	padding-left:10px;
	}		
	
	}
	
	
/*768*/	
@media screen and (max-width:800px) {
	
	
.fondo-contacto {
	background-image:url(../imagenes/contacto-768.jpg);
	}
	
	
#contacto {
	width:60%;
	height:auto;
	margin-left:20%;
	margin-top:20%;
	padding:50px;
	}
	
#formulario {
	width:60%;
	margin-left:20%;
	height:auto;
	margin-top:20px;
	}
	
	
}


/*480*/	
@media screen and (max-width:600px) {
	
	
.fondo-contacto {
	background-size:cover;
	}
	
	
#contacto {
	width:80%;
	height:auto;
	margin-left:10%;
	margin-top:20%;
	padding:40px 30px;
	}
	
#contacto h1 {
	font-size:35px;
	}
	
#contacto h2 {
	color:#fff;
	font-size:16px;
	line-height:26px;
	font-weight:300;
	padding-left:10px;
	}
	
#formulario {
	width:80%;
	margin-left:10%;
	height:auto;
	margin-top:20px;
	margin-bottom:30%;
	}
	
	
}