fix: mobile screen nav color and logo

platform/docs/docusaurus.config.js

@@ -322,7 +322,7 @@ const isI18nStaging = process.env.I18N_STAGING === 'true';
             {
               html: `
                 <a href="https://viewer.ohif.org/" target="_blank" rel="noreferrer noopener" aria-label="Deploys by Netlify">
-                  <img src= 'https://rally.partners.org/study/image/A3C43B37-4BE8-4950-AB00-42B19677D9D2' style="margin-right: 100px;" alt="MGH" />
+                  <img src= 'https://rally.partners.org/study/image/A3C43B37-4BE8-4950-AB00-42B19677D9D2' id="mgh-logo" alt="MGH" />
                 </a>
               `,
             },

platform/docs/src/css/custom.css

@@ -203,6 +203,11 @@ article header h3 {
   --ifm-alert-color: var(--ifm-font-color-base);
 }
 
+.button--secondary:not(.button--outline) {
+  --ifm-button-background-color: #e8f7f7;
+}
+
+
 .admonition-icon svg {
   fill: #0151d9;
 }
@@ -219,3 +224,20 @@ article header h3 {
 .DocSearch {
   display: none;
 }
+
+
+/* Footer logo MGH */
+
+@media (max-width: 1200px) {
+  #mgh-logo {
+    margin-right: 100px;
+    width: 300px;
+  }
+}
+
+@media (max-width: 480px) {
+  #mgh-logo {
+    margin-right: 10px;
+    width: 300px;
+  }
+}