Rework the layout for small screens.

From the live site: local Noto Sans, a flexible layout up to 1000px, and
a slide-out sidebar menu on small screens. Remove the unused Genericons
font and logo images.

about.php

@@ -3,19 +3,19 @@
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
   <head>
     <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>x.x.x [about]</title>
     <link rel="icon" href="favicon.png" />
     <link rel="shortcut icon" href="favicon.png" />
     <link rel="stylesheet" type="text/css" href="style.css" />
-    <link rel="alternate" type="application/rss+xml" title="xxx.org.za RSS feed" href="/feed" />
     <script type="text/javascript" src="utilities.js"></script>
+    <link rel="alternate" type="application/rss+xml" title="xxx.org.za RSS feed" href="/feed" />
   </head>
 <? flush(); ?>
 <body>
 <div id="container">
 <? include_once("./sidebar.inc.php"); ?>
-<div id="main">
+<main id="main">
 <div id="maintext">
 
 <h1>about this site</h1>
@@ -96,10 +96,10 @@ Kawabata</a> has an excellent book of short stories, entitled
 stories "drabblets". 
 </p>
 
-</div> <!-- maintext  -->
-</div> <!-- main      -->
+</div> <!-- .maintext  -->
+</main> <!-- .main      -->
+</div> <!-- .container -->
 <? include_once("./bottombar.inc.php"); ?>
-</div> <!-- container -->
 
 <? open_db('close'); ?>