From eec3e5cac154cf494f2a3c7ff8c82fab2aaf731a Mon Sep 17 00:00:00 2001
From: Johan Lorenzo <jlorenzo@mozilla.com>
Date: Wed, 7 Jun 2017 11:24:34 +0200
Subject: [PATCH] CSS: Fix misleading size of h1

---
 _includes/head.html | 2 +-
 _sass/_posts.scss   | 8 ++++++++
 css/main.scss       | 5 +++++
 3 files changed, 14 insertions(+), 1 deletion(-)
 create mode 100644 _sass/_posts.scss
 create mode 100644 css/main.scss

diff --git a/_includes/head.html b/_includes/head.html
index 9e783ba..45fec39 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -9,7 +9,7 @@
   <meta name="description" content="{{ page.content | strip_html | truncate: 160 }}">
 
   <link rel="icon" href="{{ "/favicon.ico" | prepend: site.baseurl }}">
-  <link rel="stylesheet" href="{{ "/assets/main.css" | prepend: site.baseurl }}">
+  <link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
 
   <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
   <link rel="alternate" href="{{ site.subscribe_rss }}" title="{{ site.title }}" type="application/atom+xml">
diff --git a/_sass/_posts.scss b/_sass/_posts.scss
new file mode 100644
index 0000000..53160a2
--- /dev/null
+++ b/_sass/_posts.scss
@@ -0,0 +1,8 @@
+.post-content {
+  h1 {
+    font-size: 38px;
+    @media screen and (max-width: 800px) {
+      font-size: 32px;
+    }
+  }
+}
diff --git a/css/main.scss b/css/main.scss
new file mode 100644
index 0000000..b765291
--- /dev/null
+++ b/css/main.scss
@@ -0,0 +1,5 @@
+---
+---
+
+@import "{{ site.theme }}";
+@import "posts";