#la-signature #intro {
    /* background: transparent url(/img/bg_intro_signature.jpg) no-repeat;
    background-size: cover;
    background-position: center center; */
}

.contenu {
    background: transparent url(/img/lmdc21_ghm_site_signature_visuel1_2000x640.jpg) no-repeat;
    background-size: 100% auto;
    padding: 32vw 0 0 0;
    
}
.primeBox {
    width: 35vw;
    padding: 7.5vw 2.5vw 2vw 2.5vw;
    position: relative;
    z-index: 10;
    margin: 0 0 3vw 42vw;
    background: rgb(63,62,64);
    background: linear-gradient(45deg, rgba(63,62,64,1) 0%, rgba(40,37,37,1) 100%); 
}

.primeBox h3 {
    font-family: 'Spartan', sans-serif;
    font-size: 0.7vw;
    line-height: 0.7vw;
    color: #666666;
    font-weight: 700;
    text-transform: uppercase;
}
.primeBox h4 {
    font-family: 'Taviraj', serif;
    color: #cbad84;
    font-style: italic;
    font-size: 2.5vw;
    font-weight: 200;
    margin: 1vw 0 3vw 0;
    word-break: break-word;
}
.primeBox p {
    font-family: 'Spartan', sans-serif;
    font-size: 1.1vw;
    font-weight: 200;
}
.primeBox p img {
    height: 5vw;
}
.strate {
    width: 100vw;
    display: inline-block;
    margin-top: -5vw;
    margin-bottom: 0vw;
}
.strate div {
    width: 40vw;
    float: left;
    padding: 6vw 6vw 12vw 6vw;
    z-index: -1;
}
.strate img {
    width: 60vw;
    float: left;
    z-index: 1;
}
.strate div h3 {
    color: #cbad84;
    font-weight: 700;
    font-size:1.5vw;
    margin-bottom: 1vw;
    text-transform: uppercase;
    line-height: 2vw;
}
.strate div p {
    font-size: 1.1vw;
    font-weight: 200;
}
@media (max-width: 567px) {
    .primeBox{
        font-size: 4vw;
        line-height: 6.5vw;
         width: 100%;
         margin: 0;
         text-align: center;
         margin-bottom: 5%;
    }
    #intro h1 {
        font-size: 10vw;
        font-weight: 100;
        line-height: 15vw;
    }
    .primeBox h3{
        font-size: 4vw;
        line-height: 6.5vw;
        text-align: center;

    }
    .primeBox h4{
        font-size: 8vw;
        line-height: 8.5vw;
        text-align: center;
    }
    .primeBox p{
        font-size: 4.5vw;
        line-height: 6vw;
        width: 90%;
        margin: 0 5%;
    }
    .strate div p {
        font-size: 4.5vw;
        line-height: 6vw;
        width: 100%;
    }
    .strate div{
        width: 100vw;
        float: none;
        margin: auto;
    }
    .strate img{
        width: 100%;
        margin: auto;
        float: none;
        display: block;
    }
    .strate{
        display: grid;
        padding: 5vw 0;
    }
    .strate:nth-child(4){
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .strate:nth-child(3) div:nth-child(2){
        order: -1;
    }
    .strate div h3{
        font-size: 5vw;
        line-height: 6vw;
    }
}
@media all and (min-width: 568px) and (max-width: 767px){
    .primeBox p{
        font-size: 1.8vw
    }
    .strate div p {
        font-size: 1.8vw;
    }
}
@media all and (min-width: 768px) and (max-width: 1023px){
    .primeBox p{
        font-size: 1.5vw
    }
    .strate div p {
    font-size: 1.5vw;
    }
}