diff --git a/css/custom-h-nav.css b/css/custom-h-nav.css
index ecef66f..6a475d9 100644
--- a/css/custom-h-nav.css
+++ b/css/custom-h-nav.css
@@ -9,7 +9,7 @@
 header {
 	background: var(--header-background);
 	color: var(--header-text);
-	text-align: center;
+	text-align: right;
 	padding: 25px 0;
 	margin-bottom: 30px;
 }
@@ -26,8 +26,9 @@ header a:hover,
 footer a:hover { 
 	color: var(--header-text);
 }
-header h1 { 
+header p { 
 	font-weight: bold;
+	font-variant: small-caps;
 	margin: 0; 
 }
 header h1 a {
@@ -58,10 +59,6 @@ footer {
 /* For larger screens
 /*---------------------------------------------*/
 @media (min-width: 550px) {
-	header {
-		padding: 60px 0;
-		margin-bottom: 80px;
-	}
 	header h1 {
 		float: left;
 	}
diff --git a/index.html b/index.html
index 1b48986..7b9438d 100644
--- a/index.html
+++ b/index.html
@@ -35,7 +35,7 @@
 	<header>
 		<div class="container">
 			<div class="row">
-				<h1><a href="{{ base_url }}">{{ site_title }}</a></h1>
+				<p><a href="{{ base_url }}">{{ site_title }}</a></p>
 				<ul class="nav">
 					{% for page in pages %}
 					<li><a href="{{ page.url }}">{{ page.title }}</a></li>