diff --git a/docs/content/typography.md b/docs/content/typography.md
index 3145209ee8..264686b054 100644
--- a/docs/content/typography.md
+++ b/docs/content/typography.md
@@ -255,13 +255,13 @@ html {
 
 @include media-breakpoint-up(md) {
   html {
-    font-size: 28px;
+    font-size: 20px;
   }
 }
 
 @include media-breakpoint-up(lg) {
   html {
-    font-size: 20px;
+    font-size: 28px;
   }
 }
 {% endhighlight %}