web/app/globals.css

@@ -2891,7 +2891,8 @@ body {
     display: flex;
     align-items: center;
     gap: 0.5rem;
-    margin-left: auto;
+    grid-column: 3;
+    justify-self: end;
   }
 
   .nav-links,
@@ -3105,3 +3106,35 @@ img, video, iframe {
 .pagination-btn { background: #333; color: white; border: none; border-radius: 8px; padding: 0.5rem 1.2rem; font-size: 0.9rem; font-weight: 600; cursor: pointer; }
 .pagination-btn:disabled { background: #ccc; cursor: not-allowed; }
 .pagination-info { font-size: 0.9rem; color: #555; font-weight: 500; }
+
+@media (max-width: 768px) {
+  .info-title {
+    font-size: 2rem;
+  }
+  .info-subtitle {
+    font-size: 1.1rem;
+  }
+}
+
+@media (max-width: 480px) {
+  .info-title {
+    font-size: 1.6rem;
+  }
+  .info-subtitle {
+    font-size: 1rem;
+  }
+  .image-links-container {
+    grid-template-columns: 1fr;
+    gap: 1rem;
+  }
+  .adopt-grid {
+    grid-template-columns: repeat(2, 1fr);
+    gap: 0.75rem;
+  }
+}
+
+@media (max-width: 360px) {
+  .adopt-grid {
+    grid-template-columns: 1fr;
+  }
+}