#hero {
  width: 100%;
  height: 100vh;
  background: url("../img/hero-bg.jpg") top center;
  background-size: cover;
  position: relative;
  padding: 0;
}

.section-title p {
    margin: 0;
    margin: 0;
    font-size: 30px;
    font-weight: 700;
    font-family: "Playfair Display", serif;
    color: #cda45e;
}

.events::before {
    content: "";
    background-color: rgb(0 0 0 / 92%);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.section-title {
    padding-bottom: 0px;
}