body {
  font-family: 'Segoe UI', sans-serif;
  background-color: #fefefe;
}
.navbar-brand {
  font-weight: bold;
  color: #8C6B48;
}
.btn-outline-primary {
  border-color: #8C6B48;
  color: #8C6B48;
}
.btn-outline-primary:hover {
  background-color: #8C6B48;
  color: white;
}
@media (max-width: 768px) {
  h1, h2, .section-heading {
    font-size: 1.8rem;
  }
  .hero {
    padding: 60px 0;
  }
  .navbar-brand {
    font-size: 1.4rem;
  }
  .card-title {
    font-size: 1rem;
  }
}
.btn-success {
  background-color: #25D366;
  border: none;
}

.btn-success:hover {
  background-color: #1DA851;
}