Move elements to contexts where they are allowed

less/categories.less

@@ -27,7 +27,7 @@
 				height: 46px;
 			}
 
-			h1 {
+			h2 {
 				font-size: 20px;
 				line-height: 22px;
 				margin: 0;
@@ -45,7 +45,7 @@
 					height: 32px;
 					margin-right: 8px;
 				}
-				h1 {
+				h2 {
 					margin-left: 40px;
 				}
 			}

less/category.less

@@ -91,4 +91,20 @@
 		text-transform: uppercase;
 		color: @gray-light;
 	}
+
+	h2.title p {
+		font-size: 65%;
+		font-weight: normal;
+		line-height: 1;
+		color: @gray-light;
+	}
+}
+
+.categories-title {
+	text-transform: uppercase;
+	color: @gray-light;
+	margin: 0 0 10px;
+	font-size: 14px;
+	font-weight: normal;
+	line-height: 1.42857143;
 }

templates/categories.tpl

@@ -1,6 +1,5 @@
+<h1 class="categories-title">[[category:categories]]</h1>
 <ul class="categories" itemscope itemtype="http://www.schema.org/ItemList">
-	<p>[[category:categories]]</p>
-
 	<!-- BEGIN categories -->
 	<!-- IMPORT partials/categories/item.tpl -->
 	<!-- END categories -->

templates/partials/categories/item.tpl

@@ -6,10 +6,10 @@
 			<i class="fa fa-fw {../icon}"></i>
 		</div>
 
-		<h1 class="title">
+		<h2 class="title">
 			<!-- IMPORT partials/categories/link.tpl --><br />
-			<small>{../descriptionParsed}</small>
+			{../descriptionParsed}
-		</h1>
+		</h2>
 	</div>
 
 	<!-- IF !../link -->