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

static/scss/content/_typography.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 414 matching lines @@
   // hr background color is the line color
   background-color: $primary-fg;
 }
 
 // Place hr under h1 or h2 inside hN margin
 h1 + hr,
 h2 + hr
 {
   position: absolute;
   margin: -$md 0 $md 0;
+
+  @media (max-width: $mobile-breakpoint) 
+  {
+    margin-top: -$sm - 5px;

[ire, 2017/07/06 10:31:38]

The $xs size was every so slightly off

+  }
 }
 
 // center hr in centered blocks
 .center hr
 {
   margin: $sm auto;
 }
 
 // Tables //////////////////////////////////////////////////////////////////////
 
@@ skipping 33 matching lines @@
 {
   vertical-align: bottom;
   text-transform: uppercase;
   border-bottom: 2px solid $info;
 }
 
 table tbody + tbody
 {
   border-top: 2px solid $info;
 }