diff --git a/agaric/css/agaric.css b/agaric/css/agaric.css
index fa89263..af2e708 100644
--- a/agaric/css/agaric.css
+++ b/agaric/css/agaric.css
@@ -7108,25 +7108,35 @@ label.panel-block {
   color: #0D1E34; }
 
 .title.is-1 {
-  font-size: 5.63rem;
-  line-height: 1.07em; }
-
-.title.is-2 {
   font-size: 3.5rem;
-  line-height: 1.14em; }
-
-.title.is-3 {
+  line-height: 1.07em; }
+  @media screen and (min-width: 1024px) {
+    .title.is-1 {
+      font-size: 5.63rem; } }
+.title.is-2 {
   font-size: 2.5rem;
-  line-height: 1.2em; }
-
-.title.is-4 {
+  line-height: 1.14em; }
+  @media screen and (min-width: 1024px) {
+    .title.is-2 {
+      font-size: 3.5rem; } }
+.title.is-3 {
   font-size: 1.75rem;
-  line-height: 1.43em; }
-
-.title.is-5 {
-  font-size: 1.25rem;
   line-height: 1.2em; }
-
+  @media screen and (min-width: 1024px) {
+    .title.is-3 {
+      font-size: 2.5rem; } }
+.title.is-4 {
+  font-size: 1.25rem;
+  line-height: 1.43em; }
+  @media screen and (min-width: 1024px) {
+    .title.is-4 {
+      font-size: 1.75rem; } }
+.title.is-5 {
+  font-size: 1.1rem;
+  line-height: 1.2em; }
+  @media screen and (min-width: 1024px) {
+    .title.is-5 {
+      font-size: 1.25rem; } }
 .title.is-6 {
   font-size: 0.88rem;
   line-height: 1.43em; }