body {
  min-width:100vw;
  min-height: 110vh;
  height: auto;
  margin:0px;
  padding:0px;
  margin-bottom: -10vh;
}

#logo {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 50;
  mix-blend-mode: difference;
  pointer-events: none; /* évite d'intercepter les clics/scroll si non interactif */
}

#logo img {
  display: block;
  width: 184px;
  height: 80px;
}

#contact {
  position: fixed;
  bottom: 0%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  mix-blend-mode: difference;
  padding-bottom:15px;
}

#contact a {
  color:white;
  font-family: sans-serif;
  font-size: 12px;
  font-weight: lighter;
  text-decoration: none;
}
.case {
  position: relative;
  width: 100vw;
  height: 110vh;
  background-size: cover;
  background-position: center;
}

div.stamp {
  position: absolute;
  bottom: 80px;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

div.white {
  color: white;
}

div.black {
  color: black;
}

p.figure {
  font-family: cursive;
  font-weight: lighter;
  font-size: 16px;
  line-height: 110%;
  letter-spacing: 5%;
  margin: 15px;

}

h2.title {
  font-family: sans-serif;
  font-weight: normal;
  font-size: 20px;
  line-height: 110%;
  letter-spacing: 2%;
  margin: 15px;
}

p.categories {
  font-family: cursive;
  font-weight: lighter;
  font-style: italic;
  font-size: 16px;
  line-height: 110%;
  letter-spacing: 5%;
  margin: 15px;
}

#c1 {
  background-image: url("../img/case1.png");
  z-index:0;
}

#c2 {
  background-image: url("../img/case2.png");
  z-index:0;
}

#c3 {
  background-image: url("../img/case3-mobile.png");
  z-index:100;
}

#c4 {
  background-image: url("../img/case4-mobile.png");
  z-index:0;
}

#c1 div.stamp {
  bottom: 120px;
}

@media (min-width: 768px) {
  body {
    min-height: 100vh;
    margin-bottom: 0;
  }
  #logo img {
    width: 231px;
    height: 100px;
  }
  #contact {
    padding-bottom:40px;
  }
  #contact a {
    font-size: 20px;
  }
  .case {
    height: 100vh;
  }
  div.stamp {
    bottom: 120px;
  }
  #c3 {
  background-image: url("../img/case3.png");
}
  #c4 {
    background-image: url("../img/case4.png");
  }
}