@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    .container-head-title {
        margin-top: 4rem;
    }

    
    .members{
        height:60vw!important;
    }

    
    #block-contactside,#block-eservices-2,#block-lireplus-2,#block-newsletterblockside{
        font-size:14px!important;
        margin-bottom:1rem!important;
    }

    .m-heading{
        box-shadow: 0rem -0.5rem 3rem 1rem #6c757d29;
        padding-bottom: 1rem;
    }

    .m-size-h{
        font-size: 14px!important;
    }

    .m-size-btn{
        font-size: 12px!important;
    }

    .actuImg{
	height:50vw!important;
    }
    .projImg{
	height:50vw!important;
    }
    #commune {
        margin: 0rem!important;
    }
    .eservice-text {
        border: none!important;
    }
    .docmobile {
        display: flex;
        flex-direction: column;
    }
    .docmobile>.datebar {
        max-width: 100%!important;
        padding-top: 0rem!important;
    }
    .docmobile>.col-10 {
        max-width: 100%!important;
        margin: 0rem!important;
    }
    #main-text {
        padding: 1rem 1.5rem 1rem 1.5rem!important;
    }
    #commune-text>h3 {
        padding-left: 0rem!important;
        text-align: center!important;
    }
    #commune-text>div {
        padding-left: 0rem!important;
    }
    .header,
    .header-projets,
    .header-services,
    .header-maire,
    .header-infrastructure,
    .header-depotoir,
    .header-securite {
        padding: 1.5rem!important;
    }
}