@media all and (max-width: 800px) {
    .mobile-hidden{display: none !important;}

    .container-wrapper{flex-direction: column;}
    body { 
        font-size: 18px !important;
        text-align: left !important;
    }
    p{
        hyphens: auto;
        page-break-inside: avoid;
        break-inside: avoid;
        -webkit-column-break-inside: avoid;
        text-align: justify;
    }
    #inscription-lettre-info {
        position:static;
        width:auto;
        border-radius:0;
        padding:1em;
        text-align: left;
    }
    div.partages table { width:100%;}
    #partage-twitter {display:none;}
    #block-block-15 table td {display:block;}
    #block-block-15 table td:last-child {display:none;}
    #slogan {width:auto;}
    .bandeau ul {display:none;}
    .page {float:none;max-width:none !important;}
    .front .page{padding:10px;}
    .front .news-data {padding: 0 10px;}
    .page img{max-width:100% !important; height:auto !important;}
    .page iframe {max-width:100%; height:auto;}
    .sidebar ul.petition li a {background-image:none !important;}
    .front #block-block-20, .front #block-block-21 { margin-top:3px; }
    .front #teteDeGondole, .front .presentactu{display: none;}
    #tout {margin-bottom:0;}
    .footer {padding-top:10px; position:static; z-index:1;margin-top:0; background-image:none;}
    .footer .block { float: none !important; width: 96% !important; }
    .header a[href='/contact'] {display:none;}
    .header a[href='https://don.l214.com'] {
     display: block;
     background-color: rgba(0,0,0,0.1);
     padding: 0px 10px !important;
    }
    .content-wrapper {
        padding: 15px !important;
    }
    .front .content-wrapper {
        padding: 0 !important;
    }

    div.content div.toc{
        float: none;
        width: 90%;
        max-width: 90%;
        padding: 1em 5%;
        margin-left: 0;
        margin-top: 3em;
    }
    .page-agenda-evenement-animaux h1{
        font-size: 1.5em;
    }
    #views-exposed-form-agenda-page-2 .views-exposed-widget,
    #views-exposed-form-agenda-page-2 .views-exposed-widget select,
    #views-exposed-form-agenda-page-2 .views-exposed-widget input{
        width: 100%
    }
    #views-exposed-form-agenda-page-1 .views-widget-filter-tid label{
        cursor: pointer;
    }
    .view-header > p:nth-child(2) {
        display: none;
    } 
    .voir_plus {
        padding: 5px 15px;
        margin-bottom: 20px;
    }
    .views-exposed-form .views-exposed-widget{
        width: 100%;
    }
    #views-exposed-form-agenda-page-1 .views-widget-filter-tid > label{
        display: block;
        text-align: center;
        width: 100%; 
        color: #446677;
        font-size: 1.1em;
        text-decoration: none;
        font-weight: normal;
    }
    #block-views--exp-agenda-page_1 .content{
        padding: 0;
    }
    #block-views--exp-agenda-page_1{
        margin: 0;
        padding: 0;
    }
    #block-views--exp-agenda-page_1 .views-exposed-widget{
        padding: 0;
    } 
    #views-exposed-form-agenda-page-1 .views-widget-filter-tid > label{
        padding:10px 0;
    }
	  .view-id-agenda .filter-indicator {
		    display:none;
	  }
    p, ol, a,li {font-size: .9rem;}
    .front .presentactu {
        font-size: 1.4rem;
        margin: 10px 0;
    }
    .mm-button {
        position: absolute;
        font-size: 50px;
        color: #fff !important;
        line-height: 29px;
        vertical-align: middle;
        z-index: 20;
        padding: 0;
        right: 15px;
        bottom: 15px;
        height: 30px;
        top: auto;
    }
    #mm-button-prev {
        right: 50px;
        left: inherit;
    }
    .node [id^='video'] {
        text-align: center;
        height: auto !important;
        background: none !important;
    }
    table.vignettes-animaux-200 { display: flex;}
    table.vignettes-animaux-200 br { display: none;}

    table.vignettes-animaux-200 tr,table.vignettes-animaux-200 tbody, table.vignettes-animaux-200 td{
        display: block;
        width: 100%;
    }
    .vignettes-animaux-200 a {text-transform: uppercase;}
    table.vignettes-animaux-200 img {width: 100%;}
    
    .page h1.title{margin: 0 !important; font-size: 1.8rem !important;}

}