From 6c2ec829e5d0bf9ef9bc981197b47687ebc05747 Mon Sep 17 00:00:00 2001
From: Lars Gyrup Brink Nielsen <layzee.dk@gmail.com>
Date: Tue, 6 Sep 2016 21:54:23 +0200
Subject: [PATCH] Fixed footer logo overflowing

Footer logo was overflowing at ~960px wide viewport. Added `background-size: contain` (shorthand), and `max-width: 100%` to contain wrapper, and background image within grid.
---
 public/resources/css/module/_footer.scss | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/public/resources/css/module/_footer.scss b/public/resources/css/module/_footer.scss
index d0376f476c..fbaefe4172 100644
--- a/public/resources/css/module/_footer.scss
+++ b/public/resources/css/module/_footer.scss
@@ -27,9 +27,10 @@
   }
 
   .logo-inverse-large {
-    background: url('/resources/images/logos/inverse/shield/shield-large.png') 0px 0px no-repeat;
+    background: url('/resources/images/logos/inverse/shield/shield-large.png') 0px 0px / contain no-repeat;
     height: 200px;
     width: 200px;
+    max-width: 100%;
 
     @media handheld and (max-width: $phone-breakpoint),
     screen and (max-device-width: $phone-breakpoint),
@@ -101,4 +102,4 @@
       opacity: .24;
     }
   }
-}
\ No newline at end of file
+}