.hero-section {
  background-size: cover;
  background-position: center;
  padding: 25px 17px;
  text-align: center;
  color: white;
  /* position: relative; */

}

.hero-section .overlay {
  background-color: rgba(0, 0, 0, 0.6);
  padding: 50px 20px;
}

.hero-section h1 {
  font-size: 3em;
  margin-bottom: 0.5em;
}

.hero-section p {
  font-size: 1.2em;
}