Fix Docs bugs

1 files changed, 18 insertions, 15 deletions

diff --git a/docs/css/docs.css b/docs/css/docs.css
index 02a6090..4a05927 100644
--- a/docs/css/docs.css
+++ b/docs/css/docs.css
@@ -256,23 +256,15 @@
   color: #727e96;
 }
 /* Spectre Homepage style */
-.section-header {
-  -webkit-backdrop-filter: blur(.5rem);
-  backdrop-filter: blur(.5rem);
-  background: rgba(248, 249, 250, .9);
+.section-hero {
   padding: 1rem .5rem;
-  position: fixed;
-  top: 0;
-  width: 100%;
-  z-index: 200;
+  position: relative;
 }
-.section-header .s-brand {
-  padding: 0;
-  position: static;
+.section-hero .s-brand {
+  position: absolute;
 }
-.section-hero {
-  padding: 1.5rem .5rem;
-  position: relative;
+.section-hero .s-brand h2 {
+  color: #5764c6;
 }
 .section-hero .column {
   padding: .4rem;
@@ -302,7 +294,7 @@
 }
 .grid-hero {
   margin-bottom: 2rem;
-  margin-top: 5rem;
+  margin-top: 6rem;
 }
 .grid-hero h1 {
   color: #454d5d;
@@ -419,6 +411,17 @@
   .s-content .s-subtitle::before {
     display: none;
   }
+  .section-hero .s-brand {
+    height: 5rem;
+    padding: 1.5rem .5rem;
+  }
+  .section-hero .s-brand .s-logo {
+    height: auto;
+  }
+  .section-hero .s-brand img {
+    height: 3.2rem;
+    width: 3.2rem;
+  }
 }
 @media screen and (max-width: 600px) {
   .grid-hero h2 {