Issue 4514 - Font readability 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 554 matching lines @@
     h6,
     .h6 {
       font-size: 16px; } }
 
 html,
 body {
   color: #161616;
   font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
   font-size: 18px;
   font-weight: 300;
-  line-height: 120%; }
+  line-height: 1.5; }
   @media (max-width: 544px) {
     html,
     body {
       font-size: 16px; } }
 
 small,
 .small {
   margin-bottom: 8px;
   font-size: 70%;
   line-height: 80%; }
@@ skipping 219 matching lines @@
   box-sizing: border-box;
   min-width: 150px;
   padding: 0 16px;
   cursor: pointer;
   text-align: center;
   white-space: nowrap;
   text-decoration: none;
   text-transform: uppercase;
   border: 1px solid;
   border-radius: 0px !important;
-  font-size: 12px;
+  font-size: 16px;
   font-weight: 700;
-  line-height: 32px;
-  height: 34px; }
+  line-height: 42px;
+  height: 44px; }
 
 @media (max-width: 544px) {
   button, input[type="button"], input[type="reset"], input[type="submit"], .btn-outline-primary, .btn-outline-accent, .btn-primary, .btn-accent {
     display: block;
     float: none;
     margin: 16px 0;
     width: 100%; } }
 
 .btn-primary {
   color: #FFFFFF;
@@ skipping 237 matching lines @@
 
 img.card-icon,
 .card-icon img {
   height: 48px; }
 
 .card img.block {
   margin: 0; }
 
 .card-summary {
   margin: 32px 0;
-  height: 64px; }
+  height: 96px; }
   @media (max-width: 544px) {
     .card-summary {
       margin: 16px;
       height: auto; } }
 
 .card button, .card input[type="button"], .card input[type="reset"], .card input[type="submit"], .card .btn-outline-primary, .card .btn-outline-accent, .card .btn-primary, .card .btn-accent {
   display: block;
   width: 100%;
   margin-bottom: -8px; }
 
@@ skipping 581 matching lines @@
 
 @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%;
+  font-size: 14px;
   background-color: #292929;
   color: #FFFFFF; }
   @media (max-width: 768px) {
     #footer {
       padding-top: 32px;
       padding-bottom: 64px; } }
   @media (max-width: 544px) {
     #footer {
       padding-top: 16px;
       padding-bottom: 16px; } }
@@ skipping 13 matching lines @@
     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; }