diff --git a/Client/WebServer/css/docs.css b/Client/WebServer/css/docs.css
index 80b47351a..95eb3ce70 100644
--- a/Client/WebServer/css/docs.css
+++ b/Client/WebServer/css/docs.css
@@ -5,17 +5,20 @@
   }
 
   .docs-node-html-page-container {
-    font:17px/1.5 "segoeui";
+    font: 400 17px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; 
     color: #111; 
-    text-rendering:auto;
-    -webkit-font-smoothing:antialiased;
-    -moz-osx-font-smoothing:grayscale;
     line-height: 150%;
     margin: 20 20 20 30px;
   }
 
+  .docs-normal-font {
+    font: 400 17px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; 
+    color: #111; 
+    line-height: 150%;
+  }
+
   .docs-definitionTable {
-    background-color: #f3f3f3;
+    background-color: #f9f9f9;
     vertical-align: middle;
     width: 100%;
     min-width: 95px;
@@ -25,7 +28,6 @@
     margin-right: 20px;
     border: 1px solid #dedede;
     padding: 10px;
-    line-height: 150%;
   }
 
   .docs-image-container {
@@ -91,13 +93,7 @@
 
   .docs-h1 {font-size:210%; margin-top: 40px; padding-bottom: 5px;}
 
-  .docs-h2 {
-  font-weight: bold; 
-  font-size: 160%; 
-  margin-top: 60px; 
-  padding-bottom: 5px;
-  overflow:hidden;
-  }
+  .docs-h2 {font-weight:700; font-size:170%; margin-top: 60px; padding-bottom: 5px; overflow:hidden;}
 
   .docs-h2::after{
   content:'';
@@ -108,10 +104,10 @@
   margin-left: 20px;
   }
 
-  .docs-h3 {font-weight:500; font-size:150%; margin-top: 30px;}
+  .docs-h3 {font-weight:400; font-size:150%; margin-top: 35px;}
 
-  .docs-h4 {font-weight:400; font-size:150%; margin-top: 30px;}
+  .docs-h4 {font-weight:400; font-size:150%; margin-top: 35px;}
 
-  .docs-h5 {font-weight:400; font-size:140%; margin-top: 30px; font-style:italic;}
+  .docs-h5 {font-weight:400; font-size:140%; margin-top: 35px; font-style:italic;}
 
-  .docs-h6 {font-weight:400; font-size:130%; margin-top: 30px; font-style:italic;}
+  .docs-h6 {font-weight:400; font-size:130%; margin-top: 35px; font-style:italic;}
diff --git a/Projects/Superalgos/UI/Spaces/Docs-Space/DocsSpace.js b/Projects/Superalgos/UI/Spaces/Docs-Space/DocsSpace.js
index 99d1424a7..114f9a2de 100644
--- a/Projects/Superalgos/UI/Spaces/Docs-Space/DocsSpace.js
+++ b/Projects/Superalgos/UI/Spaces/Docs-Space/DocsSpace.js
@@ -72,7 +72,7 @@ function newSuperalgosDocSpace() {
             HTML = HTML + '<div class="docs-node-html-page-container">' // Container Starts
 
             /* Title */
-            HTML = HTML + '<div><h1 class="docs-h1" id="' + node.type.toLowerCase().replace(' ', '-') + '" > ' + node.type + '</h1></div>'
+            HTML = HTML + '<div><h2 class="docs-h2" id="' + node.type.toLowerCase().replace(' ', '-') + '" > ' + node.type + '</h2></div>'
 
             /* We start with the Definition Table */
             if (nodeDocsDefinition.definition !== undefined) {
@@ -82,7 +82,7 @@ function newSuperalgosDocSpace() {
                 HTML = HTML + '<div id="definitionImageDiv" class="docs-image-container"/>'
                 HTML = HTML + '</td>'
                 HTML = HTML + '<td>'
-                HTML = HTML + '<strong>' + addToolTips(node, nodeDocsDefinition.definition) + '</strong>'
+                HTML = HTML + '<div class="docs-normal-font"><strong>' + addToolTips(node, nodeDocsDefinition.definition) + '</strong></div>'
                 HTML = HTML + '</td>'
                 HTML = HTML + '</tr>'
                 HTML = HTML + '</table>'
@@ -99,7 +99,7 @@ function newSuperalgosDocSpace() {
             /* Adding Section */
             if (nodeDocsDefinition.adding !== undefined) {
                 if (nodeDocsDefinition.adding.length > 0) {
-                    HTML = HTML + '<h2 class="docs-h2">Adding a ' + node.type + '</h2>'
+                    HTML = HTML + '<h3 class="docs-h3">Adding a ' + node.type + '</h3>'
                     for (let i = 0; i < nodeDocsDefinition.adding.length; i++) {
                         let paragraph = nodeDocsDefinition.adding[i]
                         HTML = HTML + '<p>' + paragraph + '</p>'
@@ -110,7 +110,7 @@ function newSuperalgosDocSpace() {
             /* Configuring Section */
             if (nodeDocsDefinition.configuring !== undefined) {
                 if (nodeDocsDefinition.configuring.length > 0) {
-                    HTML = HTML + '<h2 class="docs-h2">Configuring a ' + node.type + '</h2>'
+                    HTML = HTML + '<h3 class="docs-h3">Configuring a ' + node.type + '</h3>'
                     for (let i = 0; i < nodeDocsDefinition.configuring.length; i++) {
                         let paragraph = nodeDocsDefinition.configuring[i]
                         HTML = HTML + '<p>' + paragraph + '</p>'
@@ -121,7 +121,7 @@ function newSuperalgosDocSpace() {
             /* Starting Section */
             if (nodeDocsDefinition.starting !== undefined) {
                 if (nodeDocsDefinition.starting.length > 0) {
-                    HTML = HTML + '<h2 class="docs-h2">Starting a ' + node.type + '</h2>'
+                    HTML = HTML + '<h3 class="docs-h3">Starting a ' + node.type + '</h3>'
                     for (let i = 0; i < nodeDocsDefinition.starting.length; i++) {
                         let paragraph = nodeDocsDefinition.starting[i]
                         HTML = HTML + '<p>' + paragraph + '</p>'