Partner logos, styling

src/styles/general.css

@@ -92,6 +92,20 @@ body {
 
 .client-logo {
   max-height: 3rem;
+  -webkit-filter: grayscale(100%);
+  -moz-filter: grayscale(100%);
+  -o-filter: grayscale(100%);
+  -ms-filter: grayscale(100%);
+  filter: grayscale(100%);
+  transition: all 0.3s ease;
+}
+
+.client-logo:hover {
+  -webkit-filter: grayscale(0%);
+  -moz-filter: grayscale(0%);
+  -o-filter: grayscale(0%);
+  -ms-filter: grayscale(0%);
+  filter: grayscale(0%);
 }
 
 .border-bottom-saburly {
@@ -99,6 +113,12 @@ body {
     0 2px 3px 0 rgba(51, 6, 13, 0.12);
 }
 
+.saburly-bottom-shadow {
+  -webkit-box-shadow: 0 7px 6px 6px rgba(0, 0, 0, 0.3);
+  -moz-box-shadow: 0 7px 6px -6px rgba(0, 0, 0, 0.3);
+  box-shadow: 0 7px 6px -6px rgba(0, 0, 0, 0.3);
+}
+
 .border-contact {
   border-bottom: 1px solid rgba(255, 255, 255, 0.2);
 }
@@ -115,10 +135,6 @@ body {
   margin-bottom: -0.4rem;
 }
 
-.border-saburly-header {
-  box-shadow: 0 4px 2px -2px #000000;
-}
-
 .saburly-overlay-shadow {
   background-color: RGBA(0, 0, 0, 0.1);
 }
@@ -130,3 +146,9 @@ body {
 h2 span {
   color: #5763ab;
 }
+
+.saburly-transition,
+a li,
+a {
+  transition: all 0.25s ease;
+}