/* Variable */
:root {
    /* Texte font-size */
    --title-font-size: 32px;
    --subtitle-font-size: 18px;
    --text-font-size: 16px;

    /* Texte colors */
    --title-color: #e3dacb;
    --subtitle-color: #e3dacb;
    --text-color: white;
    --annex-text-color: #e3dacb;

    /* Background colors */
    --firstBG: #181818;
    --secondBG: #f4f4f4;
    --thirdBG: white;
    --fourthBG: #ed1e24;

    /* CTA */
    --ctaBorderRadius: 10px;
    --ctaBG: #ed1e24;

    /* Wrapper */
    --wrapperMaxWidth: 1400px;
    --wrapperWidth: 90%;
}
/* -------- */

html {scroll-behavior: smooth;}
body {font-family: "Poppins", sans-serif; margin:0; font-size:0px; background-color: var(--firstBG); overflow-x: hidden;}
h1,h2,h3,h4,h5,h6{outline:none;font-weight:inherit;font-size:inherit;color:inherit;margin:0;padding:0;display:inline}
*{box-sizing:border-box}
a {text-decoration:none; color:inherit}
.link {text-decoration:underline; color: var(--blue)}
.arvo {font-family: "Arvo", serif;}
.stretch {letter-spacing: 2px; transform: scaleY(0.85)}
.font {font-family: 'Krona One', sans-serif;}
.bg-faded {background-color: rgba(0, 0, 0, 0.4);}
.white {color:#FFF}
.bg-white {background-color:#FFF}
.black {color:#000}
.bg-black {background-color:#000}
.gray {color: var(--annex-text-color);}
.bg-gray {background-color: var(--annex-text-color);}
.darkgray {color: #333333;}
.bg-darkgray {background-color: #333333;}
.yellow {color: #ffc671;}
.beige {color:#e3dacb;}
.bg-yellow {background-color: #ffc671;}
.first-bg {background-color:white}
.second-bg {background-color:#f4f4f4}
.third-bg {background-color:white}
.fourthBG-bg {background-color:#ed1e24}
.caps {text-transform:uppercase}
.center {text-align:center}
.left {text-align:left}à
.right {text-align:right}
.opacity-hidden-input {opacity: 0; height: 1px; overflow: hidden;}
.pi-wrapper {max-width: var(--wrapperMaxWidth); width: var(--wrapperWidth); margin:0 auto;}
.big-title {font-size: min(10vw,60px); line-height:min(11vw,65px)}
.medium-title {font-size: min(8vw,42px); line-height:min(9vw,46px)}
.title {font-size: var(--title-font-size); line-height: normal;}
/*.subtitle {font-size: var(--subtitle-font-size); line-height: normal; font-weight: 700;}*/
.subtitle {font-size: min(4vw,18px); line-height:min(4.5vw,24px)}
.text {font-size: var(--text-font-size); line-height: 24px; font-weight: 300;}
.small-text {font-size:12px;}
.extra-light {font-weight: 100;}
.light {font-weight: 200;}
.semi-light {font-weight: 300;}
.regular {font-weight: 400;}
.semi-bold {font-weight: 500;}
.bold {font-weight: 700;}
.interligne {line-height:24px}
.hidden {display:none}
.show {display:block}
.motion{-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s linear}
.rtl {direction: rtl;}
.ltr {direction: ltr;}

/* Compponnents */

.img-full-width {margin-top: -80px; margin-bottom: -80px;}

.lang {transition: ease-in-out .2s;}
.lang:hover {color: #ffc671;}

.cta {padding: 7px 33px; vertical-align: middle; font-size: 16px; cursor: pointer; border: 1px solid #ffc671; color: #ffc671; display: inline-block; background-color: transparent; transition: ease-in-out .2s; border-radius: 100px;}
.cta:hover {background-color: #ffc671; color: #333333;}
.cta-white {padding: 7px 33px; vertical-align: middle; font-size: 16px; cursor: pointer; color: black; display: inline-block; background-color: #e3dacb; transition: ease-in-out .2s; border-radius: 100px;}
.cta-white:hover {background-color: #ffc671;}
.cta-transparent {padding: 7px 33px; vertical-align: middle; font-size: 16px; cursor: pointer; border: 1px solid #333333; color: #333333; display: inline-block; background-color: transparent; transition: ease-in-out .2s; border-radius: 100px;}
.cta-transparent:hover {background-color: #333333; color: #ffc671;}

.parallax-load {opacity: 0; transition: opacity 0.3s;}

/* Slidin Css */

.slidin {}
.slidin-left {transform: translate(-60px); opacity: 0.0001; pointer-events: none;}
.slidin-left-circle {transform: translate(-600px); opacity: 0.0001; pointer-events: none;}
.slidin-right {transform: translate(60px); opacity: 0.0001; pointer-events: none;}
.slidin-up {transform: translate(0, -60px); opacity: 0.0001; pointer-events: none;}
.slidin-down {transform: translate(0, 60px); opacity: 0.0001; pointer-events: none;}
.delay-1 {transition: ease .4s;}
.delay-2 {transition: ease .6s;}
.delay-3 {transition: ease .8s;}
.delay-4 {transition: ease 1s;}
.delay-5 {transition: ease 1.2s;}
.delay-6 {transition: ease 1.4s;}
.delay-7 {transition: ease 1.6s;}
.delay-8 {transition: ease 1.8s;}

/*Burger menu*/

.burger-menu-container {z-index: 1000;}
.burger-menu-container .tabs {vertical-align: middle; margin-right: 20px;}
.burger-menu-container .burger-menu-wrapper {padding: 8px; display: inline-block; vertical-align: middle; margin-right: 10px; background-color: #ffc671; border-radius: 100px;}

.burger-menu-wrapper img {transition: ease .3s;}

.menu-option {overflow: scroll; display: none; padding: 140px 0 20px; position: fixed; left: 0; top: 0; bottom: 0; width: 100%; z-index: 1000; transition: ease-in-out .4s; background-color: #000000ed;}
.menu-option-closed {display: none; transform: translate(-1000px);}
.menu-option .tabs {margin: 20px 0; display: block; transition: ease .3s;}
.concourMobile {display: none;}

/* -------------------------------------- */

/* Text image */

.pi-container-img-text {position: relative;}
.pi-container-img-text .two-img-container {width: 46%; height: 20vw; max-height: 300px; min-height: 200px; margin: 2%; vertical-align: middle; display: inline-block; position: relative;}
.pi-container-img-text .two-img-container img {position: relative; z-index: 20;}
.pi-container-img-text .pi-img-text {display: inline-block; width: 50%;}
.pi-container-img-text .pi-img-text .subtitle {position: relative; margin-bottom: 50px;}
.pi-container-img-text .pi-img-text:first-of-type {padding: 0 30px 0 0;}
.pi-container-img-text .pi-img-text:last-of-type {padding: 0 0 0 30px; text-align: right;}
.pi-container-img-text .pi-img-text:only-child {width: 100%; padding: 0;}
.pi-container-img-text .pi-img-text img {width: 100%; object-fit: cover; height: 100%; max-height: 800px;}
.img-text-merge .pi-container-img-text .pi-img-text img {min-height: 400px;}
.rtl .pi-img-text:first-of-type {padding: 0 0 0 30px;}
.rtl .pi-img-text:last-of-type {padding: 0 30px 0 0;}

/* Galerie d'images */

.pi-galerie-img-container {padding: 2px 0 0 2px;}
.pi-galerie-img-wrapper {display: none; margin: 0 2px 2px 0;}
.pi-galerie-img-wrapper img {width: 100%; height: 100%; object-fit: cover; cursor: pointer;}
.selected-img {display: inline-block;}
/* .pi-flex-3 .pi-galerie-img-wrapper {width: 31.3%; height: 22vw;} */
.pi-galerie-img-wrapper {width: calc(25% - 2px); height: 18vw;}
/* .pi-flex-5 .pi-galerie-img-wrapper {width: 18%; height: 14vw;} */

.pi-galerie-img-container-interactive {position: fixed; justify-content: center; top: 0; bottom: 0; left: 0; right: 0; background-color: #000000bd; z-index: 1000000; display: none; flex-direction: column-reverse;}
.pi-galerie-img-container-interactive .pi-galerie-img-wrapper-out-interactive {display: flex; justify-content: center; height: 80%; width: 100%;}
.pi-galerie-img-container-interactive .pi-galerie-img-wrapper-out-interactive .pi-galerie-img-wrapper-interactive {position: relative; max-width: 75%; padding: 0 10px 10px 10px; background-color: white;}
.pi-galerie-img-container-interactive .pi-galerie-img-wrapper-out-interactive .pi-galerie-img-wrapper-interactive-hidden {display: none;}
.pi-galerie-img-container-interactive .pi-galerie-img-wrapper-out-interactive .pi-galerie-img-wrapper-interactive .close {position: absolute; top: -45px; right: 15px; width: 30px; height: 30px; font-size: 25px; cursor: pointer; display: flex; align-items: center; justify-content: center; color: black;}
.pi-galerie-img-container-interactive .pi-galerie-img-wrapper-out-interactive .pi-galerie-img-wrapper-interactive .pi-img-galerie-fullscreen {max-width: 100%; object-fit: cover; max-height: 100%;}
.pi-galerie-img-container-interactive .pi-galerie-arrow-container {pointer-events: none; width: 75%; margin: 0 auto; padding: 15px; display: flex; background-color: white; max-width: 1000px;}
.pi-galerie-img-container-interactive .pi-galerie-arrow-container .pi-galerie-left-arrow {width: 35px; cursor: pointer; pointer-events: initial; margin-right: 10px;}
.pi-galerie-img-container-interactive .pi-galerie-arrow-container .pi-galerie-left-arrow img {filter: brightness(0);}
.pi-galerie-img-container-interactive .pi-galerie-arrow-container .pi-galerie-right-arrow {width: 35px; cursor: pointer; pointer-events: initial;}
.pi-galerie-img-container-interactive .pi-galerie-arrow-container .pi-galerie-right-arrow img {filter: brightness(0);}

/* Vidéo */

.pi-video-container {text-align: center}
.pi-video-container .pi-video-wrapper {display: inline-block; width: 100%;}
.pi-video-container .pi-video-wrapper .pi-video {width: 100%; height:56vw; pointer-events: none; min-height: 400px; min-width: 710px; margin-bottom:-50px}

.pi-video-container {overflow: hidden; position: relative;}
.pi-video-container .pi-video-text {display: flex; align-items: center; height: 100%; width: 100%; position: absolute; top: 0; left: 0;}
.pi-video-container .pi-video-text .pi-video-text-wrapper {max-width: 1400px; width: 90%; margin: 0 auto; text-align: left;}
.pi-video-container .pi-video-text .pi-video-text-wrapper .phrase {transition: ease .8s; position: absolute; top: -20px; opacity: 0.001; transform: translate(-200px);}
.pi-video-container .pi-video-text .pi-video-text-wrapper .phrase .title {font-size: 42px;}
.pi-video-container .pi-video-text .pi-video-text-wrapper .show-phrase {opacity: 1; transform: translate(0px);}
.pi-video-container .pi-video-text:first-of-type .pi-video-text-wrapper {position: absolute; height: 100%; display: flex; align-items: center;}
.pi-video-container .pi-video-text .pi-video-text-wrapper .circle {position: absolute; top: 50%; right: 45%; transform: translateY(-50%); width: 2000px; height: 2000px; border-radius: 10000px; background-color: #00000065;}

/* Accordeon */

.pi-accordeon {}
.pi-accordeon .pi-accordeon-container {overflow: hidden; margin: 0 0 20px 0;}
.pi-accordeon .pi-accordeon-container .pi-question-container {cursor: pointer; background-color: #353535; padding: 15px 20px; display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 1;}
.pi-accordeon .pi-accordeon-container .pi-question-container .pi-question {color: #e3dacc;}
.pi-accordeon .pi-accordeon-container .pi-question-container .pi-triangle {transition: ease .3s; pointer-events: none; filter: brightness(7);}
.pi-accordeon .pi-accordeon-container .pi-answer {transition: ease .3s; padding: 40px; max-height: 1000px; background-color: #2a2a2a; color: #e3dacc;}
.pi-accordeon .pi-accordeon-container .pi-answer-closed {padding: 0 40px; pointer-events: none; max-height: 0.001px;}

/* Colonne */

.pi-colonne {display: flex; flex-wrap: wrap;}
.pi-colonne-2 .pi-colonne-container {width: 48%; margin: 1%;}
.pi-colonne-3 .pi-colonne-container {width: 31%; margin: 1%;}
.pi-colonne-4 .pi-colonne-container {width: 23%; margin: 1%}
.pi-colonne .pi-colonne-container {display: inline-block; vertical-align: top; padding: 30px; border:2px solid #353535; border-radius:20px; background:#2a2a2a}
.pi-colonne .pi-colonne-container .pi-colonne-title {margin-bottom: 20px}
.pi-colonne .pi-colonne-container .pi-colonne-title .subtitle{font-size:min(4vw,25px); line-height:min(4.3vw,32px); font-weight:bold}
.pi-colonne .pi-colonne-container .pi-colonne-content {}
.pi-colonne .pi-colonne-container .pi-colonne-cta {margin-top: 30px;}

/* Carrousel */

.pi-carrousel-img-container {position: relative;}
.pi-carrousel-img-container .pi-carrousel-img-wrapper {white-space: nowrap; overflow: scroll; scroll-behavior: smooth; pointer-events: none; -ms-overflow-style: none; scrollbar-width: none;}
.pi-carrousel-img-container .pi-carrousel-img-wrapper::-webkit-scrollbar {display: none;}
.pi-carrousel-img-container .pi-carrousel-img-wrapper .pi-carrousel-img {display: inline-block; vertical-align: middle; box-sizing: border-box;}
.pi-carrousel-img-container .pi-carrousel-img-wrapper .pi-carrousel-img1 {width: 100%; padding: 10px;}
.pi-carrousel-img-container .pi-carrousel-img-wrapper .pi-carrousel-img2 {width: 46%; padding: 0 2%; height: 26vw;}
.pi-carrousel-img-container .pi-carrousel-img-wrapper .pi-carrousel-img3 {width: 31.33333333333333%; padding: 0 1%; height: 18vw;}
.pi-carrousel-img-container .pi-carrousel-img-wrapper .pi-carrousel-img4 {width: 24%; padding: 0 0.5%; height: 15vw;}
.pi-carrousel-img-container .pi-carrousel-img-wrapper .pi-carrousel-img img {width: 100%; height: 100%; object-fit: cover;}

.pi-carrousel-img-container .pi-carrousel-text-wrapper {white-space: nowrap; overflow: scroll; scroll-behavior: smooth; pointer-events: none; -ms-overflow-style: none; scrollbar-width: none;}
.pi-carrousel-img-container .pi-carrousel-text-wrapper .pi-carrousel-text {display: inline-block; vertical-align: middle; box-sizing: content-box; white-space: normal; transition: ease .3s;}
.pi-carrousel-img-container .pi-carrousel-text-wrapper .pi-carrousel-text .pi-carrousel-text-content {height: 100%; width: 100%; padding: 40px; background-image: url(/wp-content/themes/pubinteractive/img/magnus-bg.jpg); background-position: center; background-size: cover; display: flex; align-items: center;}
.pi-carrousel-img-container .pi-carrousel-text-wrapper .pi-carrousel-img1 {width: 100%; padding: 10px;}
.pi-carrousel-img-container .pi-carrousel-text-wrapper .pi-carrousel-img2 {width: 46%; padding: 0 2%; height: 26vw;}
/* .pi-carrousel-img-container .pi-carrousel-text-wrapper .pi-carrousel-img3 {width: 28.8%; padding: 0 1%; height: 25vw;} */
.pi-carrousel-img-container .pi-carrousel-text-wrapper .pi-carrousel-img3 {width: 30.8%; padding: 0 1%; height: 27vw; transform: scale(0.85); min-height: 400px;}
.pi-carrousel-img-container .pi-carrousel-text-wrapper .pi-carrousel-img4 {width: 24%; padding: 0 0.5%; height: 15vw;}
/* .pi-carrousel-img-container .pi-carrousel-text-wrapper .zoomed-img {width: 36.3%; height: 35vw;} */
.pi-carrousel-img-container .pi-carrousel-text-wrapper .zoomed-img {transform: scale(1.15);}
.pi-carrousel-img-container .pi-carrousel-text-wrapper .buffer {height: 35vw;}
.pi-carrousel-img-container .pi-carrousel-text-wrapper .pi-carrousel-text .text {font-size: 12px; line-height: 16px;}
.pi-carrousel-img-container .pi-carrousel-text-wrapper .pi-carrousel-text .text img {width: 100px; margin-top: 40px;}

.pi-carrousel-img-container .pi-carrousel-arrow-container {pointer-events: none; display: flex; align-items: center; justify-content: center; top: 0; bottom: 0; width: 100%; padding: 20px;}
.pi-carrousel-img-container .pi-carrousel-arrow-container .tracking-square {border: 1px solid #ffc671; width: 6px; height: 6px; margin: 3px;}
.pi-carrousel-img-container .pi-carrousel-arrow-container .pi-carrousel-left-arrow {cursor: pointer; pointer-events: initial;}
.pi-carrousel-img-container .pi-carrousel-arrow-container .pi-carrousel-left-arrow img {width: 13px; margin: 0 6px;}
.pi-carrousel-img-container .pi-carrousel-arrow-container .pi-carrousel-right-arrow {cursor: pointer; pointer-events: initial;}
.pi-carrousel-img-container .pi-carrousel-arrow-container .pi-carrousel-right-arrow img {width: 13px; margin: 0 6px;}

/* Articles snippet */

.pi-blogue-snippet-wrapper {display: flex; flex-wrap: wrap;}
.pi-blogue-snippet-wrapper .pi-blogue-snippet-container {width: 48%; margin: 10px 1%; padding: 20px; color: #a0a0a0; display: flex; align-items: center; justify-content: space-between;}
.pi-blogue-snippet-wrapper .pi-blogue-snippet-container:hover .text {opacity: 0.4;}
.pi-blogue-snippet-wrapper .pi-blogue-snippet-container .article-content {padding-right: 40px;}
.pi-blogue-snippet-wrapper .pi-blogue-snippet-container .article-img {border-radius: 100px; min-width: 150px; min-height: 150px;}
.pi-blogue-snippet-wrapper .pi-blogue-snippet-container .article-img img {width: 150px; height: 150px; object-fit: cover; border-radius: 200px}
.pi-blogue-snippet-wrapper .pi-blogue-snippet-container .img-container {height: 15vw; margin-bottom: 20px; width: 100%;}
.pi-blogue-snippet-wrapper .pi-blogue-snippet-container .img-container img {width: 100%; height: 100%; object-fit: cover;}
.pi-blogue-snippet-wrapper .pi-blogue-snippet-container .subtitle {position: relative; margin-bottom: 10px; color: white; font-weight: normal;}
.pi-blogue-snippet-wrapper .pi-blogue-snippet-container .subtitle::before {content: ''; position: absolute; left: -25px; top: 5px; width: 15px; height: 15px; background-color: #ffc671;}
.pi-blogue-snippet-wrapper .pi-blogue-snippet-container .article-title {font-size: 22px; color: #a0a0a0; font-weight: 200;}
.pi-blogue-snippet-wrapper .pi-blogue-snippet-container .text {margin-bottom: 20px; transition: ease .4s;}
.pi-blogue-snippet-wrapper .pi-blogue-snippet-container .cta {margin-top: 40px; padding: 8px 40px; text-transform: uppercase; border: 1px solid #a0a0a0; vertical-align: middle; font-size: 14px; cursor: pointer; font-weight: bold; color: #232220; display: inline-block; background-color: #a0a0a0; transition: ease-in-out .2s;}
.pi-blogue-snippet-wrapper .pi-blogue-snippet-container .cta:hover {background-color: #ffc671; border: 1px solid #ffc671;}

/* Footer */

.pi-footer {margin: 80px 0 20px; border-radius: 15px; padding: 20px;}

@media (max-width:1000px) {
    .burger-menu-container {display: inline-block; position: relative;}
    .menu-option {display: initial;}
    .menu-option-opened {display: initial; transform: translate(0px);}
    .burger-menu-container .burger-menu-wrapper {margin-right: 0;}

    .pi-container-img-text .pi-img-text:first-of-type {padding: 0 10px 0 0;}
    .pi-container-img-text .pi-img-text:last-of-type {padding: 0 0 0 10px;}
    .pi-container-img-text .pi-img-text:only-child {padding: 0 0 0 0;}
    .rtl .pi-img-text:first-of-type {padding: 0 0 0 40px;}
    .rtl .pi-img-text:last-of-type {padding: 0 10px 0 0;}

    .pi-colonne-4 .pi-colonne-container {width: 31%;}

    .pi-flex-5 .pi-galerie-img-wrapper {width: 23%; height: 18vw;}

    .pi-carrousel-img-container .pi-carrousel-text-wrapper .pi-carrousel-text .pi-carrousel-text-content {padding: 0 30px;}

    .pi-carrousel-img-container .pi-carrousel-img-wrapper .pi-carrousel-img4 {width: 31.33333333333333%; padding: 0 1%; height: 18vw;}
}

@media (max-width:900px) {
    .pi-blogue-snippet-wrapper .pi-blogue-snippet-container {width: 48%;}
    .pi-blogue-snippet-wrapper .pi-blogue-snippet-container .img-container {height: 20vw;}

    .pi-colonne-2 .pi-colonne-container {width: 100%; margin: 1%;}
    .pi-colonne-3 .pi-colonne-container {width: 100%; margin: 1%;}
    .pi-colonne-4 .pi-colonne-container {width: 48%; margin: 1%}

}

@media (max-width:800px) {

    .pi-container-img-text .pi-img-text {width: 100%; text-align: unset;}
    .pi-container-img-text .pi-img-text:first-of-type {padding: 0 10px 0 0; padding: 0;}
    .pi-container-img-text .pi-img-text:last-of-type {padding: 0; margin-top: 40px; text-align: left;}
    .img-text-merge .pi-container-img-text .pi-img-text:last-of-type {margin-top: 0;}
    .pi-container-img-text .pi-img-text:only-child {padding: 0; margin-top: 0px;}

    .pi-accordeon .pi-accordeon-container .pi-answer {padding: 20px;}
    .pi-accordeon .pi-accordeon-container .pi-answer-closed {padding: 0 20px;}

    .pi-flex-4 .pi-galerie-img-wrapper {width: 31.3%; height: 22vw;}
    .pi-flex-5 .pi-galerie-img-wrapper {width: 31.3%; height: 22vw;}

    .pi-video-container .pi-video-text .pi-video-text-wrapper .circle {left: -500px;}

    .pi-carrousel-img-container .pi-carrousel-text-wrapper .pi-carrousel-img3 {width: 46%; padding: 0 2%; height: 26vw; transform: none;}
    .pi-carrousel-img-container .pi-carrousel-text-wrapper .pi-carrousel-img3 {width: 46%; padding: 0 2%; height: 26vw; transform: none;}
    .pi-carrousel-img-container .pi-carrousel-text-wrapper .zoomed-img {transform: none;}
    .pi-carrousel-img-container .pi-carrousel-text-wrapper .buffer:first-of-type {display: none;}
    .pi-carrousel-img-container .pi-carrousel-img-wrapper .pi-carrousel-img3 {width: 46%; padding: 0 2%; height: 26vw;}
    .pi-carrousel-img-container .pi-carrousel-img-wrapper .pi-carrousel-img4 {width: 46%; padding: 0 2%; height: 26vw;}

    .pi-blogue-snippet-wrapper .pi-blogue-snippet-container {width: 100%; margin: 20px 0;}
    .pi-blogue-snippet-wrapper .pi-blogue-snippet-container .img-container {height: 45vw;}
}

@media (max-width:700px) {
    .pi-colonne-3 .pi-colonne-container {width: 48%;}
    .pi-colonne-4 .pi-colonne-container {width: 48%;}

    .pi-galerie-img-container-interactive .pi-galerie-img-wrapper-out-interactive .pi-galerie-img-wrapper-interactive {height: auto;}
    .pi-galerie-img-container-interactive .pi-galerie-arrow-container {align-items: flex-end; padding: 100px;}

    .pi-carrousel-img-container .pi-carrousel-img-wrapper .pi-carrousel-img2 {width: 100%; min-height: 350px; padding: 10px;}
    .pi-carrousel-img-container .pi-carrousel-img-wrapper .pi-carrousel-img3 {width: 100%; min-height: 350px; padding: 10px;}
    .pi-carrousel-img-container .pi-carrousel-img-wrapper .pi-carrousel-img4 {width: 100%; min-height: 350px; padding: 10px;}
    .pi-carrousel-img-container .pi-carrousel-text-wrapper .buffer {display: none;}

    .pi-carrousel-img-container .pi-carrousel-text-wrapper .pi-carrousel-img2 {width: 96%; min-height: 350px; padding: 0 2%;}
    .pi-carrousel-img-container .pi-carrousel-text-wrapper .pi-carrousel-img3 {width: 96%; min-height: 350px; padding: 0 2%;}
    .pi-carrousel-img-container .pi-carrousel-text-wrapper .pi-carrousel-img4 {width: 96%; min-height: 350px; padding: 0 2%;}
}

@media (max-width:600px) {
    :root {
        --title-font-size: 28px;
    }

    /*.big-title {font-size: 36px;}*/

    .img-full-width {margin-top: -40px; margin-bottom: -40px;}

    .burger-menu-container .burger-menu-wrapper {padding: 6px;}

    .pi-flex-3 .pi-galerie-img-wrapper {width: 46.5%; height: 30vw;}
    .pi-flex-4 .pi-galerie-img-wrapper {width: 46.5%; height: 30vw;}
    .pi-flex-5 .pi-galerie-img-wrapper {width: 46.5%; height: 30vw;}

    .pi-blogue-snippet-wrapper .pi-blogue-snippet-container {padding: 0;}
    .pi-blogue-snippet-wrapper .pi-blogue-snippet-container .article-content {padding-right: 20px;}
    .pi-blogue-snippet-wrapper .pi-blogue-snippet-container .article-title {font-size: 16px;}

    .pi-colonne-4 .pi-colonne-container {width: 100%; margin: 1%}
}