diff --git a/scripts/build/javadoc_modify.sh b/scripts/build/javadoc_modify.sh
index da4ff41ae..5ee98dd8d 100755
--- a/scripts/build/javadoc_modify.sh
+++ b/scripts/build/javadoc_modify.sh
@@ -8,6 +8,23 @@ modifyStylesheet () {
         font-family: "Asap";
         font-style: normal;
         font-stretch: 100%;
+        font-weight:300;
+        src: url("../../../../fonts/Asap.woff2");
+        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+    }
+    @font-face {
+        font-family: "Asap";
+        font-style: normal;
+        font-stretch: 100%;
+        font-weight:400;
+        src: url("../../../../fonts/Asap.woff2");
+        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+    }
+    @font-face {
+        font-family: "Asap";
+        font-style: normal;
+        font-stretch: 100%;
+        font-weight:500;
         src: url("../../../../fonts/Asap.woff2");
         unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
     }' | cat - "$1" > newstylesheet.css
@@ -24,6 +41,23 @@ modifyStylesheetFrameless () {
         font-family: "Asap";
         font-style: normal;
         font-stretch: 100%;
+        font-weight:300;
+        src: url("../../../../fonts/Asap.woff2");
+        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+    }
+    @font-face {
+        font-family: "Asap";
+        font-style: normal;
+        font-stretch: 100%;
+        font-weight:400;
+        src: url("../../../../fonts/Asap.woff2");
+        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+    }
+    @font-face {
+        font-family: "Asap";
+        font-style: normal;
+        font-stretch: 100%;
+        font-weight:500;
         src: url("../../../../fonts/Asap.woff2");
         unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
     }' | cat - "$1" > newstylesheet.css
@@ -40,6 +74,23 @@ modifyStylesheetFramelessSPIAPI () {
         font-family: "Asap";
         font-style: normal;
         font-stretch: 100%;
+        font-weight:300;
+        src: url("../../../../../fonts/Asap.woff2");
+        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+    }
+    @font-face {
+        font-family: "Asap";
+        font-style: normal;
+        font-stretch: 100%;
+        font-weight:400;
+        src: url("../../../../../fonts/Asap.woff2");
+        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+    }
+    @font-face {
+        font-family: "Asap";
+        font-style: normal;
+        font-stretch: 100%;
+        font-weight:500;
         src: url("../../../../../fonts/Asap.woff2");
         unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
     }' | cat - "$1" > newstylesheet.css
diff --git a/src/main/content/_assets/css/openliberty.scss b/src/main/content/_assets/css/openliberty.scss
index dc507e305..d53dbad6e 100644
--- a/src/main/content/_assets/css/openliberty.scss
+++ b/src/main/content/_assets/css/openliberty.scss
@@ -556,7 +556,7 @@ footer {
         float: left;
     }
 
-    #footer_support_link, #footer_blog_link {
+    #footer_support_link, #footer_blog_link, #footer_docs_link, #footer_guides_link  {
         margin-left: 28px;
     }
 
@@ -584,7 +584,7 @@ footer {
 
 }
 
-@media (max-width: 767.98px) {
+@media (max-width: 910px) {
     #footer_gray_background {
         height: 131px;
     }
diff --git a/src/main/content/_includes/footer.html b/src/main/content/_includes/footer.html
index a9f8621e5..8c8e9d0c3 100644
--- a/src/main/content/_includes/footer.html
+++ b/src/main/content/_includes/footer.html
@@ -31,9 +31,11 @@
             <a id="footer_logos_link" href="https://github.com/OpenLiberty/logos" target="_blank" rel="noopener" class="left_footer_link">{% t footer.logos %}</a>
         </div>
         <div id="footer_bottom_right_section">
+            <a id="footer_get_started_link" href="/start" aria-label="Open Liberty Docs" class="right_footer_link blue_link_light_background">{% t pages.start %}</a>
+            <a id="footer_guides_link" href="/guides" aria-label="Open Liberty Docs" class="right_footer_link blue_link_light_background">{% t pages.guides %}</a>
             <a id="footer_docs_link" href="/docs" aria-label="Open Liberty Docs" class="right_footer_link blue_link_light_background">{% t pages.docs %}</a>
-            <a id="footer_blog_link" href="/blog" aria-label="Open Liberty Blog" class="right_footer_link blue_link_light_background">{% t pages.blog %}</a>
             <a id="footer_support_link" href="/support" aria-label="Open Liberty Support" class="right_footer_link blue_link_light_background">{% t pages.support %}</a>
+            <a id="footer_blog_link" href="/blog" aria-label="Open Liberty Blog" class="right_footer_link blue_link_light_background">{% t pages.blog %}</a>
         </div>
     </div>
 </footer>
diff --git a/src/main/content/antora_ui/src/partials/footer-content.hbs b/src/main/content/antora_ui/src/partials/footer-content.hbs
index 5b4bd20e1..70f79fd56 100644
--- a/src/main/content/antora_ui/src/partials/footer-content.hbs
+++ b/src/main/content/antora_ui/src/partials/footer-content.hbs
@@ -25,9 +25,11 @@
             <a id="footer_logos_link" href="https://github.com/OpenLiberty/logos" target="_blank" rel="noopener" class="left_footer_link">Logos</a>
         </div>      
         <div id="footer_bottom_right_section">
+            <a id="footer_get_started_link" href="/start" aria-label="Open Liberty Docs" class="right_footer_link blue_link_light_background">Get Started</a>
+            <a id="footer_guides_link" href="/guides" aria-label="Open Liberty Docs" class="right_footer_link blue_link_light_background">Guides</a>
             <a id="footer_docs_link" href="/docs" aria-label="Open Liberty Docs" class="right_footer_link blue_link_light_background">Docs</a>
+            <a id="footers_support_link" href="/support" aria-label="Open Liberty Support" class="right_footer_link blue_link_light_background">Support</a>
             <a id="footer_blog_link" href="/blog" aria-label="Open Liberty Blog" class="right_footer_link blue_link_light_background">Blog</a>
-            <a id="footer_support_link" href="/support" aria-label="Open Liberty Support" class="right_footer_link blue_link_light_background">Support</a>
         </div>
     </div>
 </footer>