fix: replace center tags with major-title classes for h1 tags, and styling

Fixes: #1838

Author: Meng-Heng

cdn/dev/css/template.css

@@ -282,6 +282,7 @@ div.interface-hierarchy blockquote {
     z-index: 5;
 }
 
+
 #show-phone-menu{
 	display: none;
 }
@@ -845,6 +846,10 @@ input[type="search"] {
 	padding: 40px 10px 10px 10px;
 }
 
+.major-title {
+	text-align: center !important;
+}
+
 #section2 h2{
 	font-size: 20pt;
 	line-height: 1.4;

developer/index.php

@@ -12,7 +12,7 @@
     'showMenu' => true
   ]);
 ?>
-<h1><center>Keyman Developer Help Index</center></h1>
+<h1 class="major-title">Keyman Developer Help Index</h1>
 
 <div class="product-index">
 

index.php

@@ -11,7 +11,7 @@
     'toc' => false
   ]);
 ?>
-<h1><center>Welcome to Keyman Support - what do you need help with today?</center></h2>
+<h1 class="major-title">Welcome to Keyman Support - what do you need help with today?</h1>
 <div class="product-index">
   <div class="product" id="product-products">
       <a href="/products/">

keyboard/index.php

@@ -12,7 +12,7 @@
     'index' => false
   ]);
 ?>
-<h1><center>Keyboard Layouts Help Index</center></h1><br>
+<h1 class="major-title">Keyboard Layouts Help Index</h1><br>
 <ul class="keyboard-support-list" id="keyboard-support-list">
 <?php
   asort($items['active']);

products/index.php

@@ -12,7 +12,7 @@
     'toc' => false
   ]);
 ?>
-<h1><center>Keyman Products Help Index</center></h1>
+<h1 class="major-title">Keyman Products Help Index</h1>
 <div class="product-index">
     <div class="product" id="product-windows">
         <a href="windows">