/* START hero */



.hero {

    min-height: 80vh;

    height: auto;

}



.hero .uniformSpacing {

    height: 100%;

    display: flex;

    gap: 5em;

}





.hero .uniformSpacing .containerText{

    display: flex;

    flex-direction: column;

    justify-content: center;

    gap: 1em;

}



.hero .uniformSpacing .containerImg{

    display: flex;

    align-items: center;

    background-color: var(--basicWhite);

    height: fit-content;

    width: fit-content;

}



.hero .uniformSpacing .containerImg img{

    height: 15em;

    width: auto;

    padding: 1.5em 2.5em;

}



@media screen and (max-width: 900px) {

    .hero .uniformSpacing {

        flex-direction: column;

        gap: 2em;

    }



    .hero .uniformSpacing .containerImg img{

        height: 10em;

    }

}



@media screen and (max-width: 700px) {

    .hero {

        height: auto;

        min-height: initial;

    }

}

/* END hero */



/* START imgText */

.imgText .uniformSpacing {

    display: flex;

    gap: 6em;

}



.imgText .uniformSpacing > div{

    width: 50%

}



.imgText .uniformSpacing .introTitle {

    display: flex;

    flex-direction: column;

    gap: 1.5em;

}



.imgText .uniformSpacing .imgContainer {

}



.imgText .uniformSpacing .imgContainer img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    max-height: 25em;

}



/* START AVEC LA CLASS doubleImg */

.imgText.doubleImg .uniformSpacing{

    align-items: center;

}





.imgText.doubleImg .imgContainer{

    width: 50%;

    height: 30em;

    display: flex;

}



.imgText.doubleImg .imgContainer div{

    width: 50%;

    height: 100%;

}



.imgText.doubleImg .imgContainer div img{

    width: 110%;

    height: 70%;



}



.imgText.doubleImg .imgContainer div:first-child{

    display: flex;

    align-items: flex-end;

}



.imgText.doubleImg .imgContainer div:last-child img{

    transform: translateX(-10%);

}



/* END AVEC LA CLASS doubleImg */



@media screen and (max-width: 1100px) {

    .imgText .uniformSpacing{

        gap: 2em;

        flex-direction: column;

    }



    .imgText .uniformSpacing > div{

        width: 100%;

    }



    .imgText.doubleImg .imgContainer{

        width: 100%;

    }

    .imgText.doubleImg .imgContainer div{

        display: flex;

        align-items: flex-end;

    }

    .imgText.doubleImg .imgContainer div:first-child{

        align-items: flex-start;

    }

}



@media screen and (max-width: 700px) {

    .imgText.doubleImg .imgContainer{

        height: auto;

        flex-direction: column;

    }



    .imgText.doubleImg .imgContainer div{

        width: 100%;

    }



    .imgText.doubleImg .imgContainer div img{

        width: 80%;

    }



    .imgText.doubleImg .imgContainer div:last-child{

        justify-content: flex-end;

    }



    .imgText.doubleImg .imgContainer div:last-child img{

        margin-top: -5em;

        transform: initial;



    }

}







/* END imgText */



/* START beandeau */

.bandeau .uniformSpacing .introTitle{

    display: flex;

    flex-direction: column;

    gap: 1.5em;

}

/* START beandeau */