{% include 'includes/esp-nav.html.twig' %}
<div id="content-beer" class="cont-glob">
    <div class="container">
        <div id="desc-content-beer">
            <h1 id="title-beer" class="font-title is-uppercase title-desc">{{ 'beer'|trans }}</h1>
            <div class="font-primary">
                <p style="">{{ 'text-beer-1'|trans|raw }}</p>
                <p style="">{{ 'text-beer-2'|trans|raw }}</p>
                <p style="">{{ 'text-beer-3'|trans|raw }}</p>
                <p style="">{{ 'text-beer-4'|trans|raw }}</p>
                <p style="font-style: italic;">{{ 'text-beer-5'|trans|raw }}</p>
            </div>
        </div>
        <div id="photo-beer"  class="swiper-container">
            <div class="swiper-wrapper">
                <div id="img_beer_1" class="swiper-slide resp-back"></div>
                <div id="img_beer_2" class="swiper-slide resp-back"></div>
                <div id="img_beer_3" class="swiper-slide resp-back"></div>
                <div id="img_beer_4" class="swiper-slide resp-back"></div>
                <div id="img_beer_5" class="swiper-slide resp-back"></div>
            </div>
        </div>
    </div>
</div>
{% include 'includes/mini-footer.html.twig' %}