.bandeau-section {
  .bandeau-inner {
    
    .row {
      @media (max-width: 1023px){ display: flex; flex-direction: column-reverse; }
    }
    
    .col-md-6:first-child { 
      @media (min-width: 1024px){ padding-right: 0; }
    }
    .col-md-6:last-child { 
      @media (min-width: 1024px){ padding-left: 0; }
    }
    .img-wrapper {
      position: relative; overflow: hidden; min-height: 100%; 
      @media (max-width: 1023px){ padding-bottom: 71%; }
      
      > img { object-fit: cover; width: 100%; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; pointer-events: none; }
    }
    .bandeau-content {
      position: relative; overflow: hidden; min-height: 100%; background-color: var(--rel-green-80); padding: 40px 20px; text-align: center;
      background-image: url('filigrane-bandeau.png'); background-repeat: no-repeat; background-size: cover; background-position: center center;
      @media (min-width: 1024px){ padding: 70px 50px; text-align: left; }
      
      .suptitle { color: var(--rel-green-20); 
        + .bandeau-title { margin-top: 8px;
          @media (min-width: 1024px){ margin-top: 12px; }
        }
      }
      .bandeau-title { 
        font-family: "Playfair Display"; color: white; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal;
        @media (min-width: 1024px){ text-align: left; font-size: 30px; }
      }
      .bandeau-text {
        margin-top: 18px; color: white !important; font-size: 15px; line-height: 1.8;
        @media (min-width: 1024px){ font-size: 16px; }
        > p { margin: 0 0 12px; color: inherit; }
        > p:last-child { margin-bottom: 0; }
      }
      .bandeau-address {
        margin-top: 18px;
        > a {
          color: white; text-decoration: underline; text-underline-offset: 4px; font-weight: 500;
        }
      }
      .bandeau-actions {
        margin-top: 28px;
        .btn {
          min-width: 0;
          background: var(--rel-orange-10);
          color: var(--rel-green);
          border-color: var(--rel-orange-10);
        }
        .btn:hover,
        .btn:focus-visible {
          background: transparent;
          color: white;
          border-color: white;
        }
      }
    }
  }
}
