#header_presentation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 4rem;
    position: relative;
    background: linear-gradient(
        rgba(2, 92, 47, 0) 0%,
        rgba(213, 65, 45, 0) 50%,
        white 100%
      ),
      url("../media/background/Design\ sans\ titre\ \(6\).png") center/cover
        no-repeat;
    min-height: 400px;
    box-shadow: 0 200px 80px -10px white;
  }

  #header_presentation .text_header h1 {
    flex: 1;
    color: var(--gray-dark);
    font-size: 2.25rem;
    text-transform: uppercase;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
  }
  #header_presentation .text_header h1 span {
    flex: 1;
    color: darkgreen;
  }
  #header_presentation .text_header p {
    flex: 1;
    color: var(--gray-dark);
    font-size: 1.7rem;
  }
 
      #header_presentation .img_header{
    width: 71%;
    margin-top: 20px;
  }
 
  @media screen and (max-width: 768px) {
  #header_presentation {
    align-items:left;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 80px 1rem 0;
    position: relative;
    margin-top: 50px;
  }

  #header_presentation .text_header h1 {
    flex: 1;
    color: var(--gray-dark);
     font-size: 2rem;
   text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  }
  #header_presentation .text_header h1 span {
    flex: 1;
    color: darkgreen;
  }
  #header_presentation .text_header p {
    flex: 1;
    color: var(--gray-dark);
    font-size: 18px;
  }
   
    
  }