/*PRESENTACION*/
#presentacion {
	max-width: 1500px;
	margin: auto;
	background: #fff;
}
.nosotros-img {
	border-radius: 30px;
	height: 350px;
	object-fit: cover;
	margin-bottom: 40px;
}
.valores-item {
	font-family: 'Encode Sans Condensed', sans-serif;
	font-size: 1em;
	color: #364241;
}
.index-valores span {
	color: #FF7D0E;
	margin-right: 10px;
}




/*SERVICIOS*/
#servicios {
	max-width: 1500px;
	margin: auto;
  background: #FF7D0E;
}
#servicios .seccion-titulo {
	color: #fff;
}
.grupo-servicios {
  max-width: 900px;
  margin: auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.columna-servicios {
	background: #fff;
	padding: 10px;
	border-radius: 25px;
	width: 48%;
	margin: 1%;
	margin-bottom: 20px;
	text-align: center;
/*le damos flex y flex-wrap*/
	display: flex;
	flex-wrap: wrap;
}
.subcolumna {
/*importante*/
	width: 100%;
}
.servicios-img {
	width: 100%;
	margin: auto;
	margin-bottom: 10px;
}
.servicios-titulo {
	font-size: 1em;
	text-align: center;
	color: #333;
	margin-bottom: 10px;
}
.vermas {
	font-size: 1em;
	width: 70%;
	margin: auto;
  background: #FF7D0E;
	border-radius: 5px;
	color: #fff;
	padding: 5px 0;
/*enviamos el boton al final de la columna*/
	align-self: flex-end;
}
.vermas:hover {
	background: #1d1d1d;
	color: #fff;
}

/*CLIENTES*/
#clientes {
	max-width: 1500px;
	margin: auto;
	background: #fff;
}
.grupo-clientes {
	max-width: 960px;
	margin: auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.columna-clientes {
	width: 48%;
	margin: 1%;
}

/*ESTILOS RESPONSIVE*/
@media (min-width: 768px) {
.columna-servicios {
	width: 31%;
} 
.columna-clientes {
	width: 30%;

}
}

@media (min-width: 1024px) {
	.grupo-presentacion {
	  max-width: 1100px;
  	margin: auto;
		display: flex;
		justify-content: center;
	}
	.columna-presentacion {
		width: 50%;
		padding: 20px;
	}
}