Style the site header title and subtitle

layouts/partials/header.html

@@ -1,6 +1,6 @@
-<hgroup>
+<hgroup class="site-header">
     <h1>{{.Site.Title}}</h1>
     {{- if .Site.Params.Subtitle }}
-    <h2 class="subtitle">{{.Site.Params.Subtitle}}</h2>
+    <h2>{{.Site.Params.Subtitle}}</h2>
     {{- end }}
 </hgroup>

static/css/style.css

@@ -1,3 +1,20 @@
+/* Styles for site header */
+hgroup.site-header {
+  padding-bottom: 1em;
+}
+
+hgroup.site-header h1 {
+  margin: 0;
+}
+
+hgroup.site-header h2 {
+  font-weight: normal;
+  font-size: 1em;
+  font-style: italic;
+  padding-left: 0.5em;
+  margin: 0;
+}
+
 img.u-photo {
   max-width: 60px;
   padding: 0.5em;