Make the logos visible on mobile

diff --git a/css/master.css b/css/master.css
index 1e341fcf7d00a8a878536e43373551be6fc91e74..94fb2b5fae165d3fad957a2e633d93de1a12c982 100644 (file)
--- a/css/master.css
+++ b/css/master.css
@@ -451,23 +451,6 @@ li.neutral {
   background-color: #F5FFF7;
 }
 
-.charities img {
-
-  filter: brightness(0.39) contrast(150%) opacity(0.6) saturate(0);
-
-  transition: .3s all ease;
-
-
-}
-
-.charities img:hover {
-
-  filter: brightness(1) contrast(100%) opacity(1) saturate(1);
-
-  transform: scale(1.1);
-
-
-}
 /*Licenses*/
 .licenses {
   margin-bottom: 0;
@@ -595,9 +578,20 @@ footer a:hover {
     text-align: left;
   }
 
+
   .charities img {
     width: 80%;
+    filter: brightness(0.39) contrast(150%) opacity(0.6) saturate(0);
+
+    transition: .3s all ease;
   }
+
+  .charities img:hover {
+    filter: brightness(1) contrast(100%) opacity(1) saturate(1);
+
+    transform: scale(1.1);
+  }
+
   /*Footer*/
   .footer-logo {
     margin-bottom: 0;