body {
  font-family: 'Georgia', serif;
  line-height: 1.6;
  background-color: #f9f9f9;
  color: #222;
}



.banner {
  background: url('https://images.unsplash.com/photo-1504711434969-e33886168f5c?ixlib=rb-4.0.3&auto=format&fit=crop&w=1400&q=80') center/cover no-repeat;
  min-height: 300px;
  padding: 4rem 1rem;
}

.card-title {
  font-size: 1.2rem;
  font-weight: bold;
}

footer {
  font-size: 0.9rem;
}

@media (max-width: 768px) {
  .banner {
    padding: 3rem 1rem;
  }
}