/*PRESENTACION*/
#presentacion {
  background: #F5F8FA;
  position: relative;
	max-width: 100%;
	margin: auto;
}
.presentacion-img {
  border-radius: 20px;
  margin-bottom: 20px;
}
.icon-checkcuadrado {
  position: relative;
  font-size: 1.1em;
  top: 4px;
  color: #E2232B;
  margin-right: 10px;
}

/*SERVICIOS*/
#servicios {
	max-width: 100%;
	margin: auto;
	overflow: hidden;
  background: #F5F8FA;
}
.grupo-servicios {
	max-width: 960px;
	margin: auto;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
.columna-servicios {
	width: 48%;
	margin-bottom: 20px;
	border: 2px solid rgba(0,0,0,.1);
	padding: 10px;
  overflow: hidden;
  border-radius: 20px;
}
.servicios-img {
  width: 80px;
  margin: auto;
	margin-bottom: 10px;
  transition: all .4s;
}
.servicios-img:hover {
  transform: scale(1.4);
  opacity: 0.5;
}


/*-------------ESTILOS RESPONSIVE WEB DESIGN-------------*/
@media (min-width: 768px) {
.grupo-presentacion {
	display: flex;
	justify-content: center;
  align-items: center;
	max-width: 1500px;
	margin: auto;
}
.presentacion-columna {
	width: 50%;
  padding: 20px;
}
.presentacion-img {
	height: 500px;
	object-fit: cover;
}	

/*	SERVICIOS*/
	.columna-servicios {
		width: 31%;
	}
}

@media (min-width: 1024px) {

}