*{
  
}
body {
  font-family: Arial, sans-serif;
}

.hero {
  background: linear-gradient(to top,rgba(0,0,0,0.2),rgba(0,0,0,0.8)),url("../images/background/bg_2_1.jpeg") bottom center/cover no-repeat;
  height: 70vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.hero h1 {
  font-size: 3rem;
  font-weight: bold;
  text-shadow: 0 4px 5px #000;
}

.hero p {
  font-size: 1.5rem;
  text-shadow: 0 4px 5px #000;
}



.about-image{
  height: 30%;

}

section h2 {
  margin-bottom: 20px;
  font-size: 2.5rem;
  font-weight: bold;
}

footer {
  background-color: #333;
  color: #fff;
}
.contact-section{
  background-color: #0D8CCD;
}
.form-image{
  height: 30%;
}