diff --git a/content/assets/stylesheets/includes/general.scss b/content/assets/stylesheets/includes/general.scss
index 13aed47..92da9b4 100644
--- a/content/assets/stylesheets/includes/general.scss
+++ b/content/assets/stylesheets/includes/general.scss
@@ -8,12 +8,6 @@ pre .line-numbers {
   margin-left: -10px;
 }
 
-.caps {
-  text-transform: uppercase;
-  font-size: 85%;
-  letter-spacing: 1px;
-}
-
 // Override box styling without round corners
 .box {
   margin-bottom:10px;
@@ -234,6 +228,10 @@ footer.footer {
   sup {
     font-size: $size-small;
   }
+
+  .caps {
+    font-variant-caps: all-small-caps;
+  }
 }
 
 .has-all-small-caps {