{% extends 'layout.html.twig' %}
{% block stylesheets %}
  {{parent()}}
  <style type="text/css">
.endImgs{
  display: inline-block;
  text-align: center;
}

.redDiv{
  background: #cd0000;
  width: 100%;
  height: 85px; 
  margin-top: 10px;
  vertical-align: middle;
  text-align: center;
}

#endText{
  font-family: NewJohnstonBook-Bold !important;
  color: white;
  font-size: 45px;
  position: relative;
  float: left;
  top: 35%;
  left: 50%;
  transform: translate(-50%, -50%);
  
  
}

.img-responsive{
  display: inline-block;
  margin-left: auto;
  margin-right: auto;

}

  </style>
{% endblock %}
{% block body %}
	{{ parent() }}
	<div class="container mision" style="text-align:center;">
		<div class="endImgs col-xs-12">
			<img class="img-responsive" src="{{asset('img/logo2.png')}}" style="max-width:360px;width:100%;">
		</div>

		<div class="endImgs">
			<img class="img-responsive" src="{{asset('img/end_experience_img.png')}}" style="max-width:360px;width:100%;" >
			
			<div class="redDiv">
				<h1 id="endText"><b>¡GRACIAS!</b></h1>
			</div>

		</div>
	</div>
	

	{# <div class="endDivWrapper">
		<div class="endBlockText container">
			<h1><b>!GRACIAS!</b></h1>
		</div>
		
	</div> #}
	
{% endblock %}