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

/* PLACEHOLDER: Adjust overlay opacity after visual review */

#hero {

  width: 100%;
  min-height: 100vh;

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

  text-align: center;

  /* PLACEHOLDER: Adjust overlay opacity after visual review */

  background:
    linear-gradient(
      rgba(241, 241, 235, 0.78),
      rgba(241, 241, 235, 0.78)
    ),
    url("https://res.cloudinary.com/gcfm2wki/image/upload/v1786114076/IMG_0174_jpzchh.jpg");

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  box-sizing: border-box;

}


.hero-content {

  width: min(90%, 800px);

}


body {

  margin: 0;
  font-family: Arial, sans-serif;

}


h1 {

  font-size: 64px;
  margin: 0;
  color: #24334A;

}


h2 {

  color: #24334A;

}


#hero h1,
#hero h2 {

  color: #24334A;

}


#hero .wedding-date {

  color: #24334A;
  font-size: 24px;

}


p {

  color: #555555;

}


.wedding-date {

  font-size: 24px;

}


audio {

  margin-top: 20px;

}