@media (min-width:2600px)
{
    .grid-template {
        max-width:2600px;
        margin:auto;
    }

    main#primary .wp-block-uagb-container.uagb-is-root-container {
        padding-left: 0;
        padding-right: 0;
        max-width:2600px;
        margin:auto;
    }

    main#primary .wp-block-uagb-container.uagb-is-root-container.force-fullwidth {
        max-width:100%;

    }

    main#primary  .wp-block-uagb-container.uagb-is-root-container.container-pndo-width-medium {
        max-width: calc(0.8334 * 2600px);
    }

    main#primary  .wp-block-uagb-container.uagb-is-root-container.container-pndo-width-small {
        max-width: calc(0.667 * 2600px);
    }

    main#primary > .wp-block-uagb-container.uagb-is-root-container.container-pndo-width-mini {
        max-width: calc(0.5 * 2600px);
    }

    main#primary .wp-block-uagb-container.container-pndo-width-medium,
    main#primary .wp-block-group.container-pndo-width-medium {
        max-width: calc(0.8334 * 2600px);
    }

    main#primary .wp-block-uagb-container.container-pndo-width-small,
    main#primary .wp-block-group.container-pndo-width-small {
        max-width: calc(0.667 * 2600px);
    }

    main#primary .wp-block-uagb-container.container-pndo-width-mini,
    main#primary .wp-block-group.container-pndo-width-mini {
        max-width: calc(0.5 * 2600px);
    }

    .post-item {
        max-width: 100%;
        width:100%;
    }

    #page .loop-ajax-container {
        max-width: 75%;
    }

}

@media (max-width:1600px)
{
    .is-style-big-figure {
        font-size: var(--fs-100);
    }
}

@media (max-width:1400px)
{
}

@media (max-width:1300px)
{
    main#primary .wp-block-uagb-container.container-pndo-width-mini,
    main#primary .wp-block-group.container-pndo-width-mini {
        max-width: 66%;
    }
}

@media (max-width:1200px)
{

    :root {
        --small-spacing : 15px;
        --half-spacing : 30px;
        --normal-spacing : 60px;
        --normal-gap : 10px;
        --medium-spacing : 90px;
        --big-spacing : 120px;
        --paragraph-spacing-bottom:15px;
        --loader-width: 90px;

        /* Text-size styles */
        --fs-40: 30px;
        --fs-50: 40px;
        --fs-55: 45px;
        --fs-60: 55px;
        --fs-80: 70px;
    }

    div#masthead {
        padding:0;
    }

    #page .responsive-burger span {
        background-color: #000000;
    }

    #page div#masthead .navigation-block > div > .menu > li > a {
        font-size: 2.2rem;
        text-transform: uppercase;
    }

    #page div#masthead .navigation-block > div > .menu > li {
        height: auto;
        margin-bottom: 0.5rem;
    }

    .responsive-burger-title {
        position: absolute;
        right: 38px;
        top: 2px;
        font-size: var(--fs-12);
        font-weight: 600;
    }

    #page ul#menu-main-menu {
        position: absolute;
        top: 64px;
        left: 0;
        right: 0;
        margin: 0;
        width: 100%;
        max-width: none;
        height: calc(100vh - 50px);
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    #page .responsive-burger {
        top: 23px;
        right: 15px;
    }

    #page .responsive-burger span:after {
        content:none;
    }

    footer#colophon #footer-collaborate-link a {
        font-size: 5rem;
    }

    footer#colophon #footer-collaborate-link img {
        margin-bottom:-1rem;
    }

    main#primary .wp-block-uagb-container.uagb-is-root-container.container-pndo-width-small,
    main#primary .wp-block-group.container-pndo-width-small {
        max-width: 100%;
    }

    footer#colophon #footer-collaborate-link p {
        font-size: 5rem;
    }
    .is-style-big-figure {
        font-size: var(--fs-90);
    }

}


@media (max-width:1100px)
{

    :root {
        --small-spacing : 5px;
        --half-spacing : 12px;
        --normal-spacing : 25px;
        --normal-gap : 10px;
        --medium-spacing : 70px;
        --big-spacing : 90px;
        --paragraph-spacing-bottom:15px;
        --loader-width: 90px;

        /* Text-size styles */
        --fs-40: 30px;
        --fs-50: 40px;
        --fs-55: 45px;
        --fs-60: 55px;
        --fs-80: 70px;
    }


    main#primary  .wp-block-uagb-container.uagb-is-root-container.container-pndo-width-medium {
        max-width: 100%;
    }

    main#primary  .wp-block-uagb-container.uagb-is-root-container.container-pndo-width-small {
        max-width: 100%;
    }

    main#primary > .wp-block-uagb-container.uagb-is-root-container.container-pndo-width-mini {
        max-width: 100%;
    }

    main#primary .wp-block-uagb-container.container-pndo-width-medium,
    main#primary .wp-block-group.container-pndo-width-medium {
        max-width: 100%;
    }

    footer#colophon #footer-collaborate-link a {
        font-size: 4rem;
    }

    footer#colophon #footer-collaborate-link img {
        margin-bottom:-0.6rem;
        width:4rem!important;
    }

    .is-style-big-figure {
        font-size: var(--fs-100);
    }

    .is-style-medium-figure {
        font-size: var(--fs-50);
    }

    main#primary .wp-block-uagb-container.container-pndo-width-mini,
    main#primary .wp-block-group.container-pndo-width-mini {
        max-width: 75%;
    }

    footer#colophon #footer-collaborate-link p {
        font-size: 4rem;
    }

}

@media (max-width:850px)
{
    .is-style-big-figure {
        font-size: var(--fs-80);
    }

    span.blog-post-header-left__inner__content__title h1 {
        font-size: var(--fs-60);
    }
    .blog-post-content {
        padding-right:15px;
        padding-left:15px;
    }
}

@media (max-width:768px)
{

    :root {
        --small-spacing : 5px;
        --half-spacing : 10px;
        --normal-spacing : 20px;
        --normal-gap : 10px;
        --medium-spacing : 70px;
        --big-spacing : 90px;
        --paragraph-spacing-bottom:15px;
        --loader-width: 80px;
    }

    #page ul#menu-main-menu > li {
        margin-bottom:10px;
    }

    #primary .acf-fields > .acf-field {
        width:100%!important;
    }

    #masthead .wp-block-buttons.menu-buttons {
        /* display: none!important; */
        position: fixed;
        bottom: 0;
        gap: 0.5rem;
        width: 100%!important;
        left: 0;
        right: 0;
        padding: 0.5rem 1rem;
        background: var(--c-background-white);
        display: flex;
        justify-content: end;
        border-top: 1px solid var(--c-grey);
    }

    .is-style-big-figure {
        font-size: var(--fs-100);
    }

    .is-style-medium-figure {
        font-size: var(--fs-64);
    }

    main#primary .wp-block-uagb-container.container-pndo-width-mini,
    main#primary .wp-block-group.container-pndo-width-mini {
        max-width: 100%;
    }

    h1 {
        font-size: var(--fs-50);
    }

    h2 {
        font-size: var(--fs-50);
    }

    footer#colophon #footer-collaborate-link p {
        font-size: 3.5rem;
    }

    .formation-items-model2 {
        grid-template-columns: 1fr;
    }



}

@media (max-width:600px)
{
    footer#colophon #footer-collaborate-link p {
        font-size: 2.8rem;
    }

    .formation-items {
        grid-template-columns: 1fr;
    }

    .home-top-illu {
        text-align:center;
    }

    .home-top-illu img {
        max-height: 300px;
        width: auto;
    }
    span.blog-post-header-left__inner__content__title h1 {
        font-size: var(--fs-50);
    }
}


@media (max-width:500px)
{
    :root {
        --small-spacing : 5px;
        --half-spacing : 10px;
        --normal-spacing : 15px;
        --normal-gap : 10px;
        --medium-spacing : 30px;
        --big-spacing : 60px;
        --paragraph-spacing-bottom:15px;
        --loader-width: 90px;

        /* Text-size styles */
        --fs-40: 30px;
        --fs-50: 40px;
        --fs-55: 45px;
        --fs-60: 55px;
        --fs-80: 70px;
    }

    footer#colophon {
        text-align:center;
    }

    footer#colophon .navigation-block {
        width:100%;
    }

    footer#colophon .footer-main-menu ul,
    footer#colophon .footer-legal-menu ul {
        flex-direction:column;
        justify-content: center;
        width:100%;
        gap: 0.2rem;
    }

    .formation-item-inner-model2 {
        grid-template-columns:1fr;
    }

    .formation-image-model2 {
        order:-1;
    }



}