/* Below is a must to widen .main-content to 100% after that the Social media column to the left is taken away */
@media (min-width: 75rem) {
    .main-content {
     width: 100%;
        margin-inline-end: auto;
    }
}

.region--hero img{
	width:100%;
}


/* ***  Below controlls positioning on large screens left/right on pages of everyting between Hero and footer ***** */
/* *** The first value tells how far from the left and the second after  / how far from the right **** */

/* *** The first is modified standard settings. The second is for some pages */

@media (min-width: 62.5rem) {
body:not([class*="landing-page"]) .layout--content-medium,body:not([class*="landing-page"]) .layout--pass--content-medium > * {
        grid-column: 3 / 12;/*5 / 16 */
    }
}

@media (min-width: 62.5rem) {
   body.page-node-type-front-page .layout--content-medium, body.page-node-type-front-page .layout--pass--content-medium > *{
        grid-column: 2 / 14;
    }
}

:root {
    --max-width: 90%;
}

.node-id-108,/*RVD-5*/
.node-id-115, /* Aperçu de la liste de coffres-forts*/
.page-node-type-coffres-forts-1143-1,
.page-node-type-coffres-forts-en-14450,
.page-node-type-landing-page-cf-1143-1-classes,
.page-node-type-coffres-forts-en1143-1-par-volum,
.page-node-type-landing-page-coffre-forts-1143-1,
.page-node-type-landing-page-chambre-forte,
.page-node-type-landing-page-coffres-forts-touts,
.page-node-type-portes-fortes-1143-1,
.page-node-type-landing-page-chambres-fortes-cla,
.page-node-type-serrures
{
 /*   --max-width: 90%;*/
}

.node-id-1,
.node-id-7, /* Produits */
.node-id-133, /*Conteneurs sécurisés */
.page-node-type-landing-page-conteneurs-en-beton,
.page-node-type-landing-page-mobile-strongroom,
.page-node-type-chambres-fortes-1143-1,
.page-node-type-lp-prioroom,
.page-node-type-lp-armoires-de-securite

{
    --max-width: 100%;
}