#nosotros {
  background: #eee;
	max-width: 1500px;
	margin: auto;
}
#nosotros .titulo {
	text-align: center;
}
.grupo-nosotros {
	padding: 30px 0;
	border-bottom: 1px dashed #999;
}
.grupo-nosotros:last-child {
	border-bottom: none;
}
.nosotros-columna {

}
.nosotros-imagenes {
	border-radius: 20px;
	object-fit: cover;
	width: 100%;
	height: 200px;
	margin-bottom: 20px;
}
.nosotros-imagenes2 {
	border-radius: 20px;
	object-fit: cover;
	width: 100%;
	height: 200px;
	margin-bottom: 20px;
}
.nosotros-txt {
	max-width: 960px;
	margin: auto;
	font-size: 1em;
}
.nosotros-txt span {
	font-weight: 700;
}

/*MISION VISION*/
#filosofia {
  background: #F5F8FA;
	max-width: 1500px;
	margin: auto;
}
.grupo-filosofia {
	max-width: 1000px;
	margin: auto;
}
.filosofia-img {
	width: 100px;
	margin: auto;
}
.filosofia-txt {
	text-align: center;
	max-width: 500px;
	margin: auto;
}

/*VALORES*/
#valores {
  background: #F5F8FA;
	max-width: 1500px;
	margin: auto;
}
#valores .titulo {
	text-align: center;
}
.grupo-valores {
	max-width: 700px;
	margin: auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.valores-columna {
	width: 100%;
	margin: 1%;
	border: 1px dashed #999;
	padding: 20px;
	text-align: center;
}
.valores-img {
	width: 100px;
	margin: auto;
}


/*-------------ESTILOS RESPONSIVE WEB DESIGN-------------*/
@media (min-width: 768px) {
/*NOSOTROS*/
	.grupo-nosotros {
		max-width: 900px;
		margin: auto;
		display: flex;
	}
	.foto2 {
		padding: 0 20px;
		width: 70%;
		margin: 0;
	}
	.foto {
		width: 30%;
	}
	.nosotros-imagenes {
		width: 100%;
		height: 100%;
		margin-bottom: 0px;
	}
	.nosotros-imagenes2 {
		height: 300px;
		margin-bottom: 0px;
	}
/*	VALORES */
.valores-columna {
	width: 48%;

}
	
	/* BENEFICIOS*/
.beneficios {
  padding: 200px 100px;
}
.beneficios-subtitulo {
  font-size: 3em;
}
}
@media (min-width: 1024px) {

}