{% macro section() -%}
<section class="c_du9p7">
    <h2 class="c_2e7ix">Партнерские предложения</h2>
    <div class="c_j7mw1">
        <a class="c_y32j2 b_jh0gq" href="/partner/galerist">
            <img class="c_tccnr b_f7c7g" src="/static/event1.jpg" alt="" crossorigin="anonymous" fetchpriority="high" loading="eager">
        </a>
        <a class="c_y32j2 b_jh0gq" href="/competitions">
            <img class="c_tccnr b_f7c7g" src="/static/event4.jpg" alt="" crossorigin="anonymous" fetchpriority="high" loading="eager">
        </a>
        <a class="c_y32j2 b_jh0gq" href="/exhibitions">
            <img class="c_tccnr b_f7c7g" src="/static/event6.jpg" alt="" crossorigin="anonymous" fetchpriority="high" loading="eager">
        </a>
        <a class="c_y32j2 b_jh0gq" href="https://avtopost.kultmost.ru/partner#5">
            <img class="c_tccnr b_f7c7g" src="/static/event7.webp" alt="" crossorigin="anonymous" fetchpriority="high" loading="eager">
        </a>
        <a class="c_y32j2 b_jh0gq" href="https://avtopost.kultmost.ru/partner#5">
            <img class="c_tccnr b_f7c7g" src="/static/event5.jpg" alt="" crossorigin="anonymous" fetchpriority="high" loading="eager">
        </a>
        <a class="c_y32j2 b_jh0gq" href="https://avtopost.kultmost.ru/partner#2">
            <img class="c_tccnr b_f7c7g" src="/static/event2.jpg" alt="" crossorigin="anonymous" fetchpriority="high" loading="eager">
        </a>
        <a class="c_y32j2 b_jh0gq" href="https://avtopost.kultmost.ru/partner#3">
            <img class="c_tccnr b_f7c7g" src="/static/event3.jpg" alt="" crossorigin="anonymous" fetchpriority="high" loading="eager">
        </a>
    </div>
</section>
{%- endmacro %}

{% macro style() -%}
<style type="text/css">/* Base (common) styles */
.b_f7c7g { align-self: stretch; background: #D9D9D9; object-fit: contain;}
.b_jh0gq { align-items: flex-start; display: flex; flex-direction: column; width: 335px; }
.c_2e7ix{ margin-bottom: 20px; text-transform: uppercase;}
/* Mobile */
@media (max-width: 699px) {
.c_j7mw1 { align-content: flex-start; align-items: flex-start; align-self: stretch; display: flex; flex-wrap: wrap; gap: 25px; justify-content: center; }
.c_du9p7 { margin: auto;align-items: center; background: #FFF; display: flex; flex-direction: column; width: 375px; }
.c_y32j2 { align-items: flex-start; display: flex; flex-direction: column; width: 100%; }

}

/* Tablet */
@media (min-width: 700px) and (max-width: 900px) {
.c_tccnr { background: #D9D9D9;  width: 340px; }
.c_j7mw1 { align-content: flex-start; align-items: flex-start; align-self: stretch; display: flex; flex-wrap: wrap; gap: 25px; }
.c_du9p7 { align-items: flex-start; background: #FFF; display: flex; flex-direction: column; padding-left: 50px; width: 800px; }
}

/* Desktop */
@media (min-width: 901px) {
.c_y32j2 { align-items: flex-start; display: flex; flex-direction: column; width: 450px; }
.c_j7mw1 { align-content: center; align-items: center; align-self: stretch; display: flex; flex-wrap: wrap; gap: 25px; }
.c_du9p7 { align-items: flex-start; background: #FFF; display: flex; flex-direction: column; padding-left: 100px; width: 1600px; }
}</style>
{%- endmacro %}