@media (max-width: 1024px) {

    body #single .content .container {
        flex-direction: column;
    }

    body #single .content .container .article,
    body #single .content .container .colonne {
        width: 100%;
    }

    body #single .content .container .colonne {
        margin-left: 0;
        margin-top: 40px;
        flex-direction: column-reverse;
    }

    body #single .content .container .autres-articles {
        margin-top: 40px;
    }

    body #single .content .container .article .wp-block-image .alignright,
    body #single .content .container .article .wp-block-image .alignleft {
        margin: 0 0 10px 0;
        float: inherit;
    }

    body #blog .articles article a {
        width: 80vw;
        max-width: inherit;
    }

    body #blog .articles article a .image {
        max-height: inherit;
        height: 40vw;
    }

    body header .container {
        padding: 10px 0px;
    }

    body header .container .logo img {
        height: 80px;
    }
}


@media (max-width: 768px) {

    body .desktop-only,
    body #accueil .slider,
    body .slider .slide .container {
        display: none;
    }

    body .mobile-only {
        display: block;
    }

    body header .social{
        display: none;
    }

    body .menu__box{
        padding: 0;
        width: 90vw;
    }

    body .menu-menu-principal-fr-container{
        padding: 40px;
    }

    body #menu__toggle:checked + .menu__btn {
        left: calc(90vw - 85px);
        top: -35px;
    }

    body.admin-bar #menu__toggle:checked + .menu__btn {
        top: -40px;
    }

    body.admin-bar .menu__box{
        top: 40px;
    }

    body #accueil .panorama{
        text-align: center;
    }

    body .contenu .wpcf7 .ligne{
        flex-direction: column;
    }

}