// general layout

.layout--threecol-25-50-25{
	display: grid;
	grid-template-columns: 20% minmax(0,1fr) 20%;
    min-width: 99vw;
    column-gap: 3rem;
    row-gap: 1rem;
    position: relative;
  
}

.layout__region--bottom{
    grid-column: 1 /span 3;
}


@include breakpoint(small down) {
    #leaflet-map-view-projets-block-2{
        max-height: 400px !important;
    }
    .layout__region--second{
        grid-column: 1 /span 3;
        padding: 0 5%;
    }
    .layout__region--third{
        grid-column: 1 /span 3;
        // padding: 0 3%;
    }
    .layout__region--first{
        .block-region-first{
            position: relative !important;
            width: 100% !important;
        }
        grid-row: 1;
        grid-column: 1 / span 3;
    }
}