/* =========================
   HERO
========================= */

.legal-hero{
  position:relative;

  height:35vh;

  background:url('../images/privacidade.webp') center/cover no-repeat;

  display:flex;
  justify-content:center;
  align-items:center;
}

.legal-overlay{
  position:absolute;
  inset:0;

  background:rgba(0,0,0,0.35);
}

.legal-hero-content{
  position:relative;
  z-index:2;

  text-align:center;
}

.legal-hero-content h1{
  font-family:"poster-cut-neue", sans-serif;

  font-size:4rem;

  color:white;

  line-height:0.9;
}


/* =========================
   CONTENT
========================= */

.legal-content{
  padding:100px 20px;
}

.legal-container{
  max-width:760px;

  margin:0 auto;
}

.legal-container h2{
  font-family:"poster-cut-neue", sans-serif;

  font-size:1.6rem;

  margin-top:60px;
  margin-bottom:20px;
}

.legal-container p{
  line-height:1.7;

  margin-bottom:20px;
}


/* =========================
   MOBILE
========================= */

@media(max-width:768px){

  .legal-hero{
    height:28vh;
  }

  .legal-hero-content h1{
    font-size:2.8rem;
  }

  .legal-content{
    padding:70px 20px;
  }

  .legal-container h2{
    font-size:1.3rem;
  }

}