diff --git a/css/base/base.css b/css/base/base.css
index 9b0b2c2..a0b0531 100755
--- a/css/base/base.css
+++ b/css/base/base.css
@@ -27,8 +27,8 @@ html {
 body {
   margin: 0;
   color: var(--color-text-neutral-medium);
-  /*background-color: var(--color--gray-100);*/
-  background-color: #ece8e3;
+  background-color: var(--color--gray-95);
+  /*background-color: #ece8e3;*/
   /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='50' height='84' viewBox='0 0 50 84'%3e  %3cpath opacity='0.05' fill='%230e6ba6' d='M25,61.7C25,68.5,19.4,74,12.5,74S0,68.5,0,61.7c0-5.7,3.9-9.6,7.4-12.9c2.3-2.2,4.5-4.4,5.1-6.8c0.7,2.4,2.8,4.6,5.1,6.8C21.1,52.2,25,56,25,61.7z M42.6,6.8c-2.3-2.2-4.5-4.4-5.1-6.8c-0.7,2.4-2.9,4.6-5.1,6.8C28.9,10.2,25,14,25,19.7C25,26.5,30.6,32,37.5,32S50,26.5,50,19.7C50,14,46.1,10.2,42.6,6.8z'/%3e%3c/svg%3e");*/
   /*background-position: top left; [> LTR <]*/
 }
diff --git a/css/base/variables.css b/css/base/variables.css
index b73d41e..4281b1e 100755
--- a/css/base/variables.css
+++ b/css/base/variables.css
@@ -74,7 +74,7 @@
    *
    * Color number roughly corresponds to its luminosity.
    */
-  --color--gray-hue: 201;
+  --color--gray-hue: 222;
   --color--gray-saturation: 15%;
   --color--gray-5: hsl(var(--color--gray-hue), var(--color--gray-saturation), 5%); /* Black */
   --color--gray-10: hsl(var(--color--gray-hue), var(--color--gray-saturation), 11%);
diff --git a/css/components/block.css b/css/components/block.css
index a0bdb21..3dccb12 100755
--- a/css/components/block.css
+++ b/css/components/block.css
@@ -28,7 +28,10 @@
 
   /*background: #f6f8f8;*/
   background: #ece8e3;
+
+  background-color: var(--color--gray-100);
   padding: 1rem;
   border-radius: 5px;
+  border: 1px solid var(--color--gray-90);
 
 }
diff --git a/css/components/footer.css b/css/components/footer.css
index b7bafc3..dad2e16 100755
--- a/css/components/footer.css
+++ b/css/components/footer.css
@@ -14,7 +14,7 @@
   position: relative; /* stack above left social bar */
   color: var(--color--gray-65);
   /*background: linear-gradient(180deg, var(--color--gray-5) 0%, var(--color--gray-10) 100%);*/
-  background: #33210D;
+  background: #2f2e2e;
 }
 
 .site-footer .menu {
diff --git a/css/components/header-site-branding.css b/css/components/header-site-branding.css
index 3d0847f..d571c8d 100755
--- a/css/components/header-site-branding.css
+++ b/css/components/header-site-branding.css
@@ -125,7 +125,7 @@
 @media ((((min-width: 60rem)))) {
   .site-branding__logo img {
     max-height: calc(var(--header-height-wide-when-fixed) - var(--sp));
-    width: 160px;
+    /*width: 160px;*/
     border-right: 2px solid #fff;
     padding-right: 13px;
   }