correct order of heading tags; remove larger images for mobile

assets/sass/main.scss

@@ -17,6 +17,8 @@ body {
 	font-size: 1.1rem;
 }
 
+h2 {font-size: 1.2rem;}
+
 header {
 	background-color: $top-bar;
 	box-shadow: 0px 5px 10px black;

layouts/partials/article.html

@@ -11,7 +11,7 @@
     		<a href="{{ .Permalink }}">{{ .LinkTitle }}</a>
     	{{ end }}
 
-    	<h4 class="title">{{ .Title | markdownify }}</h4>
+    	<h2 class="title">{{ .Title | markdownify }}</h2>
 
     	{{ with .Date }}
     		<p>{{ .Format "2006/01/02" }}</p>

layouts/partials/image-small.html

@@ -12,15 +12,11 @@
         		{{ printf "%s %dw," .RelPermalink .Width }}
     		{{- end -}}
 
-    		{{- with (.Resize "600x webp q70") -}}
-        		{{ printf "%s %dw," .RelPermalink .Width }}
-    		{{- end -}}
 		"
 
 		sizes="
     		(max-width: 480px) 305px;
-    		(max-width: 600px) 480px;
-    		600px"
+    		480px"
 
     	src="
     	{{- with $smallest -}}