style changes

static/abaev-html.css

@@ -32,18 +32,69 @@ h6 {}
 body > header {
     position: sticky;
     top: 0;
-    background: white;
-    border-bottom-width: thin;
-    border-bottom-style: solid;
+    background-color: #FCF9F5;
+    margin-left: 0;
+    margin-right: 0;
+    width: 100vw !important;
+    max-width: 100vw;
+/*    border-bottom-width: thin;
+    border-bottom-style: solid;*/
     padding-bottom: 0px !important;
+    margin-bottom: 0px !important;
     padding-top: 0px !important;
-    padding-right: 1em !important;
-    padding-left: 1em !important;
+/*    padding-right: 1em !important;
+    padding-left: 1em !important;*/
 /*     color: #f1f1f1; */
 }
 
-nav {}
+@media (min-width:576px) {
+  body>footer>nav,
+  body>header>nav {
+    max-width:510px;
+    padding-right:0;
+    padding-left:0
+  }
+}
+@media (min-width:768px) {
+  body>footer>nav,
+  body>header>nav {
+    max-width:700px
+  }
+}
+@media (min-width:1024px) {
+  body>footer>nav,
+  body>header>nav {
+    max-width:950px
+  }
+}
+@media (min-width:1280px) {
+  body>footer>nav,
+  body>header>nav {
+    max-width:1200px
+  }
+}
+@media (min-width:1536px) {
+  body>footer>nav,
+  body>header>nav {
+    max-width:1450px
+  }
+}
+
+body>header>nav,
+body>footer>nav {
+    margin: auto;
+    --pico-primary: #8D0B02 !important;
+    --pico-primary-hover: #cd5c5c !important;
+}
+body>footer>nav {
+    border-top-width: thin;
+    border-top-style: solid;
+}
 nav ul, nav ol {}
+nav ul.abv-brand {
+    border-bottom-width: thin;
+    border-bottom-style: solid;
+}
 nav li {}
 nav a {}
 nav a:visited {}
@@ -85,16 +136,21 @@ aside#leftbar {
 
 search {}
 
-body > footer {
+body>footer {
     position: sticky;
+    width: 100vw !important;
+    max-width: 100vw;
     bottom: 0;
-    background: white;
-    border-top-width: thin;
-    border-top-style: solid;
+    background-color: #FCF9F5;
+    /*border-top-width: thin;
+    border-top-style: solid;*/
     padding-top: 0px !important;
     padding-bottom: 0px !important;
 /*     color: #f1f1f1; */
 }
+body>footer>nav {
+    margin:auto;
+}
 
 address {}
 
@@ -140,6 +196,14 @@ a:visited {}
 a:hover {}
 a:active {}
 
+a.abv-map img {
+    height: 2ex;
+}
+
+a.abv-map:hover {
+    cursor: pointer;
+}
+
 strong {}
 b {}
 
@@ -191,6 +255,10 @@ Embedded content
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
 img {}
+img.abv-logo {
+    height: 7ex;
+}
+
 svg {}
 video {}
 canvas {}