<header class="masthead text-center text-white d-flex" style="{% include '_print_colors.css' %} background-image: url('/img/{{ bloc.bg_img }}');" id="{{ bloc.name }}" >
      <div class="container my-auto">
        <div class="row" style="mix-blend-mode: hard-light;background-color: rgba(0,0,0,0.3);">
          <div class="col-lg-10 mx-auto">
            <h1 class="">
              <strong> {{ bloc.title }} </strong>
            </h1>
            <hr>
          </div>
          <div class="col-lg-10 mx-auto">
            <p class="text-faded mb-5"> {{ bloc.text|safe }} </p>
	  </div>
	</div>
      

	<div class="center mx-auto mt-5">
	    <a class="btn btn-primary btn-xl js-scroll-trigger" href="{{ bloc.link }}">
		    {{ bloc.text_button }}
	    </a>
	    
        </div>

      </div>
 </header>

