/* Separate example pages use the same header, hero and footer layout as the main site. */
.example-page-nav {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 26px;
}

@media (max-width: 600px) {
  .example-page-nav {
    flex-direction: column;
  }

  .example-page-nav a,
  .example-page-nav .btn {
    width: 100%;
  }

  .case img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }
}