Issue 4427 - Anchor tags hidden behind header on acceptableads.com

static/css/main.css

 .m-a-na {
   margin: 0 0 !important; }
 
 .m-t-na {
   margin-top: 0 !important; }
 
 .m-b-na {
   margin-bottom: 0 !important; }
 
 .m-x-na {
@@ skipping 808 matching lines @@
 
 label em {
   font-weight: 400;
   font-style: normal; }
 
 /* Floating box grid (with push/pull support)
  * NOTE: 1/4 is 1/2 on tablet
  * NOTE: all are 1/1 on mobile
  * NOTE: use column classes without a row to set block widths
  ******************************************************************************/
-.outer {
-  overflow: hidden; }
-
 .container {
   max-width: 1140px;
   margin-right: auto;
   margin-left: auto;
   padding-right: 16px;
   padding-left: 16px; }
 
 .row {
   margin-right: -16px;
   margin-left: -16px; }
@@ skipping 382 matching lines @@
 @media (min-width: 1200px) {
   html[dir="rtl"] #navbar-logo {
     margin-right: 208px; }
   html[dir="ltr"] #navbar-logo {
     margin-left: 208px; } }
 
 @media (max-width: 1199px) {
   .js #navbar {
     display: none; } }
 
-.outer {
-  padding-top: 96px; }
-
-@media (min-width: 1200px) {
-  html[dir="ltr"] .outer {
-    margin-left: 208px; }
-  html[dir="rtl"] .outer {
-    margin-right: 208px; } }
-
 #sidebar {
   text-transform: uppercase;
   color: #FFFFFF;
   background-color: #161616;
   font-size: 16px;
   font-weight: 400;
   line-height: 100%; }
   #sidebar ul,
   #sidebar li {
     margin: 0;
@@ skipping 285 matching lines @@
 @media (max-width: 1199px) {
   #breadcrumbs ol {
     padding: 0 16px; } }
 
 @media (min-width: 1200px) {
   html[dir="ltr"] #breadcrumbs {
     margin-left: 208px; }
   html[dir="rtl"] #breadcrumbs {
     margin-right: 208px; } }
 
+.outer {
+  position: absolute;
+  top: 96px;
+  bottom: 0px;
+  height: auto;
+  width: 100%;
+  overflow: auto; }
+
+@media (min-width: 1200px) {
+  html[dir="ltr"] .outer {
+    padding-left: 208px; }
+  html[dir="rtl"] .outer {
+    padding-right: 208px; } }
+
 #footer {
   padding-top: 64px;
   padding-bottom: 96px;
   font-size: 70%;
   background-color: #292929;
   color: #FFFFFF; }
   #footer h1, #footer h2, #footer .center blockquote, .center #footer blockquote, #footer h3, #footer .group.items .item::before, .group.items #footer .item::before, #footer h4, #footer h5, #footer h6 .h1, h6 #footer .h1, #footer .h2, #footer .h3, #footer .h4, #footer .h5, #footer .h6 {
     position: relative;
     margin-bottom: 32px;
     padding-top: 8px; }
   #footer h1::before, #footer h2::before, #footer .center blockquote::before, .center #footer blockquote::before, #footer h3::before, #footer .group.items .item::before, .group.items #footer .item::before, #footer h4::before, #footer h5::before, #footer h6 .h1::before, h6 #footer .h1::before, #footer .h2::before, #footer .h3::before, #footer .h4::before, #footer .h5::before, #footer .h6::before {
     display: block;
     position: absolute;
     top: 0;
     left: 0;
     width: 16px;
     height: 0;
     content: " ";
     border-top: 2px solid #FFFFFF; }
   #footer a {
     color: #FFFFFF; }
   #footer a:hover {
     text-decoration: underline;
     color: #8CC63E !important; }
   #footer p {
     color: #E1E1E1; }