body {
    background: url('/static/logos/fond-resto_resized.png') no-repeat center center fixed;
    /* background: linear-gradient(to bottom right, #f6f6f6, #356c9f); */
    background-size: cover;
    position: relative;
    z-index: 0;
  }
  
  body::before {
    content: "";
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: rgba(255, 255, 255, 0.85); /* voile blanc */
    z-index: -1;
  }
  

  .fond {
    background: linear-gradient(to bottom right, #f6f6f6, #356c9f);
  }

  .fond-nav {
    background:  #356c9f;
  }

  .logo-font {
    font-family: 'Parisienne', cursive;
  }


  .fond-transparent {
    background-color: rgba(0, 0, 0, 0);
  }



  .title-responsive {
    font-size: 7.5rem;
  }


  .spacer-nav {
    padding-top: 80px; /* ← même hauteur que ta navbar */
  }
  
  @media screen and (max-width: 567px) {
    .title-responsive {
      font-size: 5rem;
    }

    .spacer-nav {
      padding-top: 80px; /* ← même hauteur que ta navbar */
    }



  }