<div class="row text-right frontpage-servicios-row">
	<div class="col-md-4">
		<div class="h-100 p-4 d-flex align-items-end justify-content-end" style="background-color:#1E6F81; ">
			<div class="section-title text-right text-white text-uppercase letter-spacing-3">Servicios</div>
		</div>
	</div>
	<div class="col-md-4">
		<a href="{{ site.url }}/servicios/consultoria" class="d-block border-bottom h-100" style="background:url('{{site.theme.link}}/public/img/icono_consultoria_2x.png') no-repeat 100% 85%;">
			<div class="linea linea-consultoria mb-3"></div>
			<div class="frontpage-servicios-title font-weight-bold">Consultoría</div>
		</a>
	</div>
	<div class="col-md-4">
		<a href="{{ site.url }}/servicios/investigacion-social-aplicada" class="d-block border-bottom h-100" style="background:url('{{site.theme.link}}/public/img/icono_investigacion_2x.png') no-repeat 100% 85%;">
			<div class="linea linea-investigacion mb-3"></div>
			<div class="frontpage-servicios-title font-weight-bold">Investigación<br />social aplicada</div>
		</a>
	</div>
</div>
<div class="row text-right mt-0 mt-sm-4 frontpage-servicios-row">
	<div class="col-md-4">
		<a href="{{ site.url }}/servicios/evaluacion" class="d-block border-bottom h-100" style="background:url('{{site.theme.link}}/public/img/icono_evaluacion_2x.png') no-repeat 100% 85%;">
			<div class="linea linea-evaluacion mb-3"></div>
			<div class="frontpage-servicios-title font-weight-bold">Evaluación</div>
		</a>
	</div>
	<div class="col-md-4">
		<a href="{{ site.url }}/servicios/intervencion-social-y-educativa" class="d-block border-bottom h-100" style="background:url('{{site.theme.link}}/public/img/icono_intervencion_2x.png') no-repeat 100% 85%;">
			<div class="linea linea-intervencion mb-3"></div>
			<div class="frontpage-servicios-title font-weight-bold">Intervención social<br />y educativa</div>
		</a>
	</div>
	<div class="col-md-4">
		<a href="{{ site.url }}/servicios/formacion" class="d-block border-bottom h-100" style="background:url('{{site.theme.link}}/public/img/icono_formacion_2x.png') no-repeat 100% 85%;">
			<div class="linea linea-formacion mb-3"></div>
			<div class="frontpage-servicios-title font-weight-bold">Formación</div>
		</a>
	</div>
</div>


{#<!--<div class="d-flex">
	<h2 class="w-50 ml-auto title">Servicios</h2>
</div>
<div class="d-flex flex-column h-100">
	<a href="{{ site.url }}/servicios/consultoria" class="clearfix border-bottom border-top">
		<div class="w-50 float-left h-100 text-center d-flex align-items-center">
			<div><img src="{{site.theme.link}}/public/img/icono_consultoria2x.png" alt=""></div>
		</div>
		<div class="w-50 float-right h-100 d-flex align-items-center">
			<div class="font-weight-bold">Consultoría</div>
		</div>
	</a>
	<a href="{{ site.url }}/servicios/investigacion-social-aplicada" class="clearfix border-bottom">
		<div class="w-50 float-left h-100 text-center d-flex align-items-center">
			<div><img src="{{site.theme.link}}/public/img/icono_investigacion2x.jpg" alt=""></div>
		</div>
		<div class="w-50 float-right h-100 d-flex align-items-center">
			<div class="font-weight-bold">Investigación social aplicada</div>
		</div>
	</a>
	<a href="{{ site.url }}/servicios/evaluacion-externa-y-evaluacion-participativa" class="clearfix border-bottom">
		<div class="w-50 float-left h-100 text-center d-flex align-items-center">
			<div><img src="{{site.theme.link}}/public/img/icono_evaluacion2x.png" alt=""></div>
		</div>
		<div class="w-50 float-right h-100 d-flex align-items-center">
			<div class="font-weight-bold">Evaluación externa y participativa</div>
		</div>
	</a>
	<a href="{{ site.url }}/servicios/intervencion-social-y-educativa" class="clearfix border-bottom">
		<div class="w-50 float-left h-100 text-center d-flex align-items-center">
			<div><img src="{{site.theme.link}}/public/img/icono_intervencion2x.png" alt=""></div>
		</div>
		<div class="w-50 float-right h-100 d-flex align-items-center">
			<div class="font-weight-bold">Intervención social y educativa</div>
		</div>
	</a>
	<a href="{{ site.url }}/servicios/formacion" class="clearfix border-bottom">
		<div class="w-50 float-left h-100 text-center d-flex align-items-center">
			<div><img src="{{site.theme.link}}/public/img/icono_formacion2x.png" alt=""></div>
		</div>
		<div class="w-50 float-right h-100 d-flex align-items-center">
			<div class="font-weight-bold">Formación</div>
		</div>
	</a>
</div>-->#}
