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

.hero {
  background: 
    linear-gradient(rgba(0, 32, 96, 0.6), rgba(0, 32, 96, 0.6)),
    url('../img/kids.png');
  background-size: cover;
  background-position: center;
  color: white;
  /* height: 80vh; */
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.hero h1 {
  font-size: 3rem;
  font-weight: bold;
  text-shadow: 2px 2px 5px rgba(0,0,0,0.6);
}

.logo {
  height: 50px;
}

footer {
  background: #343a40;
  color: white;
  padding: 20px 0;
}