diff --git a/template/index.html b/template/index.html
index 62b76f0..799c7ce 100644
--- a/template/index.html
+++ b/template/index.html
@@ -224,7 +224,7 @@
                  ref="content"
                  class="content px-4 pt-3 pb-5 border-top overflow-auto"
                  :style="{'font-family': theme.font, 'font-size': theme.size + 'rem'}">
-                <h3>{{itemSelectedDetails.title}}</h3>
+                <h1><b>{{itemSelectedDetails.title}}</b></h1>
                 <div class="text-muted">
                     <div>{{ feedsById[itemSelectedDetails.feed_id].title }}</div>
                     <time>{{ formatDate(itemSelectedDetails.date) }}</time>
diff --git a/template/static/stylesheets/app.css b/template/static/stylesheets/app.css
index 887fc1e..3d73a5d 100644
--- a/template/static/stylesheets/app.css
+++ b/template/static/stylesheets/app.css
@@ -447,6 +447,21 @@ select.form-control:not([multiple]):not([size]) {
   overflow-x: scroll;
 }
 
+.content h1 {
+  font-size: 1.8rem;
+}
+.content h2 {
+  font-size: 1.5rem;
+}
+.content h3 {
+  font-size: 1.17rem;
+}
+.content h4,
+.content h5,
+.content h6 {
+  font-size: 1rem;
+}
+
 /* theme: sepia */
 
 .themepicker input[value=sepia] + .themepicker-label,