@media (max-width: 600px) {
  .sidebar h2,
  .main-panel h1,
  .main-panel h2,
  .main-panel h3 {
    font-size: 1rem !important;
  }

  .main-panel p,
  .card p,
  .welcome p {
    font-size: 0.85rem !important;
  }

  .card button,
  .welcome button {
    font-size: 0.85rem;
    padding: 8px 16px;
  }
}

@media (max-width: 500px) {
  .sidebar h2,
  .main-panel h1,
  .main-panel h2,
  .main-panel h3 {
    font-size: 0.9rem !important;
  }

  .main-panel p,
  .card p,
  .welcome p {
    font-size: 0.8rem !important;
  }

  .card button,
  .welcome button {
    font-size: 0.8rem;
    padding: 6px 14px;
  }
}