Issue 5135 - Reduce font size and padding on smaller screens on acceptableads.com

static/scss/layout/_footer.scss

 // This file is part of acceptableads.org.
 // Copyright (C) 2016 Eyeo GmbH
 //
 // acceptableads.org is free software: you can redistribute it and/or modify
 // it under the terms of the GNU General Public License as published by
 // the Free Software Foundation, either version 3 of the License, or
 // (at your option) any later version.
 //
 // acceptableads.org is distributed in the hope that it will be useful,
 // but WITHOUT ANY WARRANTY; without even the implied warranty of
@@ skipping 10 matching lines @@
   font-size: 70%;
   background-color: $secondary-bg;
   color: $secondary-fg;
 
   @media (max-width: $tablet-breakpoint)
   {
     padding-top: $md;
     padding-bottom: $lg;
   }
 
+  @media (max-width: $mobile-breakpoint)
+  {
+    padding-top: $sm;
+    padding-bottom: $sm;
+  }
+
   %headings
   {
     position: relative;
     margin-bottom: $md;
     padding-top: $xs;
     @extend h5;
+
+    @media (max-width: $mobile-breakpoint)
+    {
+      margin-bottom: $sm;
+    }
   }
 
   %headings::before
   {
     display: block;
     position: absolute;
     top: 0;
     left: 0;
     width: $sm;
     height: 0;
@@ skipping 15 matching lines @@
   {
     text-decoration: underline;
     color: $accent !important;
   }
 
   p
   {
     color: $info;
   }
 }