* {
	box-sizing: border-box;
}
body {
	background: #fff;
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
}
.contenedor{
	width: 90%;
	max-width: 1000px;
	margin: auto;
	overflow: hidden;
} 

/* ---------   header  ----------*/

Header {
	background: url('../img/fondo.jpg') #754651;
	background-repeat: no-repeat;
	background-position: center;
	max-height: 600px;
}

Header  .menu{
	margin: 40px  0;
	text-align: right;
}
Header  .menu a{
	margin: 0 20px;
	color: #fff;
	padding-bottom: 9px;
	display: inline-block;
	text-decoration:none;
	border-bottom: 2px solid transparent;
	font-size: 1em;
}

Header  .menu a:hover {
	border-bottom: 2px solid #fff;
}

Header  .contenedor-texto{
	display: flex;
	justify-content: center;
	align-content: center;
	margin: 40px;
}

Header  .contenedor-texto  .texto{
	border: 2px solid rgba(255, 255, 255, 0.5);
	border-radius: 5px;
	display: inline-block;
	text-align: center;
	padding: 10px 10px;
	background-color: rgba(255, 255, 255,0.4); 
}

Header  .contenedor-texto  .texto  .logo{
	display: inline-block;
	text-align: center;
	padding: 10px 20px;
}	

Header  .contenedor-texto  .texto h1,
Header  .contenedor-texto  .texto h2{
	color: #754651;
	font-weight: 600;
	margin: 0;
}

Header  .contenedor-texto  .texto  .subtitulo{
	margin-bottom: 10px;
	font-size: 20px;
	line-height: 20px;
}	

/*--------- main ------------*/


.main .contenedor  .nosotros  .texto{
	color: #754651;
	font-weight: 300;
	font-size: 1em;
	width: 80%;
	margin: 40px auto;
	text-align: center;
}

.main .contenedor  .nosotros  .texto  .titulo {
	font-weight: 600;
	font-size: 2em;
}

.main .contenedor  .nosotros  .texto  .bold{
	font-weight: 600;
	font-size: 1em;
}	

.main  .trabajos{
	background: rgba(117, 70, 81, 0.11);
	padding: 50px 0;
}

.main  .contenedor  .trabajos{
	overflow: hidden;
}

.main  .trabajos  .titulo{
	color: #754651;
	font-weight: 600;
	font-size: 2em;	
}

.main  .trabajos  .contenedor-trabajo{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.main  .trabajos  .contenedor-trabajo .tumb{
	width: 30%;
}	

.main  .trabajos  .contenedor-trabajo .tumb img{
	width: 100%;
	padding: 15px 15px;
}	


.main  .trabajos  .contenedor-trabajo .descripcion{
	margin: 20px, 20px;
	width: 65%;

}

/*******   footer   ******/

footer {
	padding: 50px,0;
}

footer  .contacto .contenedor .titulo{
	font-weight: 600;
	font-size: 2em;
	color: #754651;
	width: 80%;
	margin: 40px auto;
	text-align: center;	
}

footer .contacto .contenedor .formulario{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}


footer .contacto .contenedor .formulario{
	padding: 50px 0;
}


footer .contacto .contenedor .formulario input[type="text"],
footer .contacto .contenedor .formulario input[type="email"],
footer .contacto .contenedor .formulario textarea{
	border: 2px solid #754651;
	border-radius: 5px;
	padding: 15px  20px;
	font-size: 20px;
	color: #754651;
} 

footer .contacto .contenedor .formulario input[type="text"],
footer .contacto .contenedor .formulario input[type="email"]{
	width: 49%;
	margin-bottom: 15px;
}

footer .contacto .contenedor .formulario input[type="text"]:focus,
footer .contacto .contenedor .formulario input[type="email"]:focus,
footer .contacto .contenedor .formulario textarea:focus{
	border: 3px solid #754651;
}

footer .contacto .contenedor .formulario textarea{
	width: 100%;
	margin-bottom: 15px;
	height: 100%;
	min-width: 100%;
	max-width: 100%;
	min-height: 100px;
	max-height: 300px;
	margin-bottom: 	15px;	
}

footer .contacto .contenedor .formulario .boton{
	margin: auto;
	background:#754651;
	color: #fff;
	border: none;
	border-radius: 5px;
	padding: 15px 80px;
	cursor: pointer;
}
footer .contacto .contenedor .formulario .boton:hover{
	background: rgba(117, 70, 81, 0.5);
}

footer .fondo-redes{
	background: rgba(117, 70, 81, 0.11);
	padding: 50px 0;
}

footer .fondo-redes .contenedor-redes-ubicacion{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}



footer .fondo-redes .contenedor-redes-ubicacion{
	color: #754651;
	font-weight: 300;
	font-size: 1em;
	width: 80%;
	margin: 40px auto;
	text-align: center;
}

footer .contenedor-redes-ubicacion .redes{
	width: 20%;
	text-align: center;
}

footer .contenedor-redes-ubicacion .redes a{
	font-weight: 600;
	font-size: 2em;
	text-align: center;
	width: 100px;
	display: block;
	padding: 15px;
}

footer .contenedor-redes-ubicacion .redes .instagram:hover{
	background: #e1306c;
	color: #fff;
}

footer .contenedor-redes-ubicacion .redes .facebook:hover{
	background: #1877f2;
	color: #fff;

}
footer .contenedor-redes-ubicacion .redes .x-twitter:hover{
	background: #1da1f2;
	color: #fff;
}



footer .contenedor-ubicacion{
	width: 30%;
}


footer .contenedor-ubicacion .titulo{
	font-weight: 600;
	font-size: 2em;
	color: #754651;
	width: 80%;
	margin: 40px auto;
	text-align: center;	
	
}
footer .contenedor-ubicacion p{
	text-align: left;
	font-weight: 300;
	font-size: 1.3em;
	
}


footer .mapa{
	width: 49%;
}



/****     media queries    ****/

@media screen and (max-width: 800px){
	Header .menu {
		text-align: center;
	}	
	.main .trabajos .trabajo{
		width: 40%;
	}
	Header  .contenedor-texto  .texto  .logo{
	width: 300px;
	}
	Header  .contenedor-texto  .texto  .logo img{
	width: 300px;
	}
	Header  .contenedor-texto  .texto  .subtitulo{
	font-size: 10px;
	}
	.main  .trabajos .contenedor{
		text-align: center;
		flex-wrap: wrap;
	}
	.main .trabajos .contenedor .contenedor-trabajo{ 
		text-align: center;
  		}
	.main  .trabajos  .contenedor-trabajo .tumb{
		display: flex;
  		align-items: center;
  		justify-content: center;
  		width: 80%;
		
		}	
	.main  .trabajos  .contenedor-trabajo .tumb img{
		width: 300px;
		margin: auto;
		
		}	
	.main  .trabajos  .contenedor-trabajo .descripcion{
		text-align: center;
		padding: 20px 20px;
		width: 99%;
		}	

	footer .contenedor-redes-ubicacion .redes{
		display: flex;
		justify-content: center;
		width: 99%;
		text-align: center;
		}

	footer .contenedor-ubicacion{
		width: 99%;
		}
	footer .contenedor-ubicacion p{
		text-align: center;
		}
	footer .mapa{
		width: 99%;
		}

		
}