Prevent navbar from obfuscating post banner on mobile (fixes #61)

sass/_article.scss

@@ -18,8 +18,18 @@
 		transition: none;
 		margin: 0;
 	}
-}
 
-.banner-margin {
-	margin-top: 35vw;
+	& + h1 {
+		margin-block-start: 35vw;
+	}
+
+	@media only screen and (max-width: 480px) {
+		body:has(&) #site-nav {
+			margin-block-start: 50vw;
+		}
+
+		& + h1 {
+			margin-block-start: 2rem;
+		}
+	}
 }

templates/article.html

@@ -11,7 +11,7 @@
 		</div>
 	{%- endif -%}
 
-	<h1 {% if page.extra.banner %}class="banner-margin"{%- endif -%}>{{ page.title }}</h1>
+	<h1>{{ page.title }}</h1>
 
 	{%- if page.date -%}
 		<small>