@media (max-width: 991.98px) {
  .navbar-collapse {
    padding-top: 0.75rem;
  }

  .nav-link {
    margin-block: 0.15rem;
  }
}

@media (max-width: 767.98px) {
  main {
    padding-bottom: 2rem;
  }

  .hero-panel {
    align-items: flex-start;
  }

  .hero-mark {
    position: absolute;
    right: -1.4rem;
    bottom: -1.4rem;
    opacity: 0.18;
  }

  .section-heading {
    align-items: flex-start;
    flex-direction: column;
  }

  .metric-card strong {
    font-size: 1.35rem;
  }
}

@media (max-width: 425px) {
  .content-card,
  .metric-card {
    border-radius: 1rem;
  }

  .hero-panel h1 {
    font-size: 2.15rem;
  }

  .btn {
    min-height: 2.65rem;
  }
}

@media (max-width: 340px) {
  .navbar-brand span:last-child {
    font-size: 0.95rem;
  }

  .hero-panel {
    padding: 1.1rem;
  }
}