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/_default/baseof.html

@@ -19,7 +19,7 @@
             <meta name="description" content="{{ delimit . "," }}">
         {{- end }}
 
-    	{{ $style := resources.Get "/sass/main.scss" | resources.ToCSS -}}
+    	{{ $style := resources.Get "/sass/main.scss" | resources.ToCSS | minify -}}
     	<link rel="stylesheet" href="{{ $style.Permalink }}">
 
     	<title>

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;
+    		480px"
-    		600px"
 
     	src="
     	{{- with $smallest -}}