<section id="contact" class="{{ bloc.property }}" style="{% include '_print_colors.css' %}">
  <div class="container" id="{{ bloc.name }}">
    <div class="row">
      <div class="col-lg-8 mx-auto text-center">
        <h2 class="section-heading"> {{ bloc.title }} </h2>
        <hr class="my-4">
            <p class="mb-5"> {{ bloc.text }} </p>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-4 ml-auto text-center">
        <i class="fa fa-phone fa-3x mb-3 sr-contact"></i>
        <p> {{ bloc.phone }} </p>
      </div>
      <div class="col-lg-4 mr-auto text-center">
        <i class="fa fa-envelope-o fa-3x mb-3 sr-contact"></i>
        <p>
          <a href="{{ bloc.email }}" class="obfuscate" > {{ bloc.email }} </a>
        </p>
      </div>
      <div class="col-lg-8 mx-auto text-center">
        <br/> <br/>
        <p class="mb-2"> {{ bloc.address }} </p>
        <p>
            <bold>  {{ bloc.postal_code }} - {{ bloc.city }} </bold>
        </p>
      </div>
    </div>
  </div>
</section>
