Rectified layout bugs and tweaked mobile layout for gallery title heading

assets/css/main.css

@@ -564,6 +564,19 @@ article .img.right ~ hr ~ p {
 	max-width: unset;
 }
 
+@media only screen and (max-width: 960px) {
+	article .img.left,
+	article .img.right {
+		float: none;
+		margin: 2em auto 1.5em auto;
+	}
+	article .img.left ~ p,
+	article .img.right ~ p {
+		float: none;
+		max-width: unset;
+	}
+}
+
 /*=-----------=*/
 /*= Sections. =*/
 /*=-----------=*/
@@ -606,6 +619,16 @@ main.gallery-layout article h1 {
 	margin: -7.5rem 0 2.75rem calc(-1 * var(--deus-post-padding));
 	font-size: 3em;
 }
+main.gallery-layout article h1::after {
+	content: none;
+}
+@media only screen and (max-width: 960px) {
+  main.gallery-layout article h1 {
+	margin: -7.25rem 0 3rem calc(-1 * var(--deus-post-padding));
+		margin-left: 0;
+		margin-right: 0;
+	}
+}
 
 .gallery img {
 	display: block;