h1 {
    position: absolute;
     top: -1000px; 
     left: -1000px;
 }



.titre {
    color: #3C6931;
    font-size: 16px;
    font-weight: bold;
    margin:5px 0;

}

.sstitre {
    color: #3C6931;
    font-size: 16px;
    margin:5px 0;

}

.text  {
    text-align: left;
    color: #3C6931;
    line-height:1.2;
    font-size: 1.23vw;
    font-weight: normal;
    white-space: pre-line;

}

span {
 
    line-height: 1em;
}




.image_presentation{
    width:100%;

}
.box_contact {
    height: 10vh;
    width: 100vW;
    background-color: rgba(60,105,49, .3 );
    /* background-color:#3C6931; */
    }

  
.mail_contact{
    margin: auto auto;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    color: black;
  
    }



@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait)  {

    .wrapper {
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: center;
        min-height:  400px;
    }

    .image_container {
        margin-bottom: 40px;
        height:100vw;
        display: flex;
        align-items: center;
    }
  }