uses ems instead of px for font-size
diff --git a/templates/article.html b/templates/article.html
index c2ebab9..51131fe 100644
--- a/templates/article.html
+++ b/templates/article.html
@@ -5,9 +5,9 @@
   <h3>Posted on {{ article.locale_date }}</h3>
 </header>
 <article>
-  <h1 id="article_title">
+  <div id="article_title">
     <a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a>
-  </h1>
+  </div>
 
   <div id="article_text">
     {{ article.content }}
diff --git a/templates/index.html b/templates/index.html
index 4615f85..b7e9586 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -10,9 +10,9 @@
 </header>
 {% for article in articles_page.object_list %}
 <article>
-  <h1 id="article_title">
+  <div id="article_title">
     <a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title }}">{{ article.title }}</a>
-  </h1>
+  </div>
   <div id="article_text">
     {{ article.summary }}
   </div>
diff --git a/templates/page.html b/templates/page.html
index 77c2c8c..de1bf38 100644
--- a/templates/page.html
+++ b/templates/page.html
@@ -5,9 +5,9 @@
   <h3>{{ page.title }}</h3>
 </header>
 <article>
-  <h1 id="article_title">
+  <div id="article_title">
     <a href="{{ SITEURL }}/{{ page.url }}" rel="bookmark">{{ page.title }}</a>
-  </h1>
+  </div>
   <div id="article_text">
     {{ page.content }}
   </div>