body{
  background:#f2f4f7;
  font-family:Arial,sans-serif;
}

.topbar{
  background:#004d1a;
  color:white;
  padding:10px;
  font-size:14px;
}

.logo{
  width:70px;
}

.header h2{
  color:#0b7d34;
  margin:0;
}

.hero{
  background:url('https://images.unsplash.com/photo-1497366811353-6870744d04b2?q=80&w=1400') center/cover;
  height:430px;
}

.overlay{
  background:rgba(0,0,0,0.6);
  height:100%;
  display:flex;
  align-items:center;
}

.overlay h1{
  font-size:52px;
  font-weight:bold;
}

.feature-card{
  background:white;
  padding:25px;
  border-radius:10px;
  text-align:center;
  box-shadow:0 2px 10px rgba(0,0,0,0.1);
  margin-bottom:20px;
  transition:0.3s;
}

.feature-card:hover{
  transform:translateY(-5px);
}

.footer{
  background:#1c1c1c;
  color:white;
  padding:30px 0;
}

.hero-buttons button{
  margin:5px;
}