/* ================================================
   MENTIONS LÉGALES
   ================================================ */

.mentions-hero {
  width:100%;
  padding:100px 60px 60px 60px;
  border-bottom:1px solid #111;
  text-align:center;
}

.mentions-hero-label {
  font-size:16px;
  font-weight:700;
  letter-spacing:5px;
  text-transform:uppercase;
  color:#ffe600;
  margin-bottom:20px;
}

.mentions-hero-title {
  font-size:100px;
  font-weight:900;
  line-height:0.95;
  text-transform:uppercase;
  color:#fff;
  letter-spacing:-2px;
}

.mentions-content {
  max-width:860px;
  margin:0 auto;
  padding:80px 60px;
}

.mentions-block {
  margin-bottom:60px;
  text-align:center;
}

.mentions-block h2 {
  font-size:14px;
  font-weight:700;
  letter-spacing:4px;
  text-transform:uppercase;
  color:#ffe600;
  margin-bottom:20px;
  padding-bottom:12px;
  border-bottom:1px solid rgba(255,255,255,0.08);
}

.mentions-block p {
  font-size:17px;
  font-weight:300;
  color:rgba(255,255,255,0.8);
  line-height:2;
  letter-spacing:0.3px;
}

.mentions-block p strong {
  font-weight:700;
  color:#fff;
}

.mentions-block a {
  color:rgba(255,255,255,0.8);
  text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,0.2);
  transition:color 0.3s, border-color 0.3s;
}

.mentions-block a:hover {
  color:#fff;
  border-color:#fff;
}

/* Responsive */
@media(max-width:900px) {
  .mentions-hero { padding:60px 25px 40px 25px; }
  .mentions-hero-title { font-size:42px; }
  .mentions-content { padding:50px 25px; }
}