Fixed images in footer + typo in main css

Author: ginestra

frontend/_includes/footer.html

@@ -1,5 +1,5 @@
 <footer class="footer">
-  <div class="content has-text-centered">
+  <div class="has-text-centered">
     <h2 class="small-heading">Partners and Funders</h2>
     <div class="gallery-by-4 logos">
       <a href="//www.ed.ac.uk/">

frontend/assets/css/main.scss

@@ -231,7 +231,7 @@ footer,
 
   &.media-left,
   &.media-right,
-  &.media-center, {
+  &.media-center {
     float: unset;
     max-width: 30vw;
   }
@@ -341,13 +341,18 @@ figcaption {
 }
 
 .logos,
-.content .logos,
+.logos,
 [class^="gallery-"] .logos {
   padding: 50px;
 
   img {
     background: transparent;
     max-width: 90%;
+
+    @include mobile {
+      margin: 1em auto;
+      max-width: 300px;
+    }
   }
 
   @include mobile {