/*PRINCIPALES SERVICIOS*/
#presentacion {
  background: #fff;
}
.foto-index {
	border-bottom-left-radius: 80px;
	border-top-right-radius: 80px;
}
.grupo-presentacion {

}
.columna-presentacion {
	padding: 20px;
	background: #fff;
}
.txt {
	text-align: justify;
}



/*SERVICIOS*/
#servicios {
	background: #003478;
}
#servicios .titulo-seccion {
  color: #fff;
}
#servicios .subtitulo-seccion {
  color: #fff;
}
.servicios-img {
  height: 300px;
	width: 300px;
  object-fit: cover;
	border-radius: 50%;
}
.columna-servicios {
	overflow: hidden;
	position: relative;
	padding: 20px;
}
.presentacion-mitad {
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
  width: 80%;
}
.index-pretitulo {
	font-size: 1.6em;
  color: #fff;
  text-align: center;
  padding: 0;
	text-shadow: 0px 0px 5px #000;
}
.presentacion-rubros {
  color: #fff;
  font-size: 1.8em;
  text-align: center;
	text-shadow: 0px 0px 5px #000;
}
.index-vermas {
	font-family: 'Ubuntu', sans-serif;
  width: 120px;
  margin: 15px auto;
  background: #ED7520;
  color: #fff;
  padding: 7px;
  text-align: center;
}

/*DIFERENCIA*/
#diferencia {
  background: #fff;
}
.columna-diferencia {
	padding: 20px;
}
.icon-check-square {
	display: block;
	font-size: 1.4em;
	position: relative;
	top: 3px;
	color: #ED7520;
}




/*-------------ESTILOS RESPONSIVE WEB DESIGN-------------*/
@media (min-width: 768px) {
	.grupo-presentacion {
		display: flex;
		justify-content: space-between;
		max-width: 1200px;
		margin: auto;
	}
	.columna-presentacion{
		width: 50%;
	}
	
/*	SERVICIOS*/
	.grupo-servicios {
		max-width: 1200px;
		margin: auto;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.columna-servicios {
		margin: 1%;
		width: 48%;
		border: 1px dashed #eee;
	}
/*DIFERENCIA*/
	.grupo-diferencia {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.columna-diferencia {
		width: 33%;
	}
	
}

@media (min-width: 1024px) {


}