Issue 4514 - Improved 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 396 matching lines @@
   min-width: 0;
   margin: 0;
   padding: 0;
   border: 0; }
 
 legend {
   display: block;
   width: 100%;
   margin-bottom: 16px;
   padding: 0;
-  font-size: 18px;
+  font-size: 20px;
   line-height: inherit; }
 
 a, img {
   border: none;
   outline: none; }
 
 h2 + .row, .center blockquote + .row,
 h1 + .row,
 h2 + hr + .row, .center blockquote + hr + .row,
 h1 + hr + .row {
   margin-top: -16px; }
 
 .section {
   margin: 96px 0; }
 
 .section .section {
   margin: 64px 0; }
 
 h1, h2, .center blockquote, h3, .group.items .item::before, h4, h5, h6 .h1, .h2, .h3, .h4, .h5, .h6 {
   text-transform: uppercase;
-  font-weight: 700;
-  line-height: 120%; }
+  font-weight: 700; }
 
 h1,
 .h1 {
   margin: 96px 0 64px 0;
   text-transform: none;
-  font-size: 42px;
+  font-size: 46px;
   font-weight: 300; }
 
 h2, .center blockquote,
 .h2 {
   margin: 64px 0 32px 0;
-  font-size: 28px;
+  font-size: 30px;
   font-weight: 700; }
 
 h3, .card h1, .card h2, .card .center blockquote, .center .card blockquote, .card h3, .card h4, .card h5, .card h6 .h1, h6 .card .h1, .card .h2, .card .h3, .card .h4, .card .h5, .card .h6, .group.items .item::before,
 .h3,
 .group.items .item h1,
 .group.items .item h2,
 .group.items .item .center blockquote,
 .center .group.items .item blockquote,
 .group.items .item h3,
 .group.items .item .item::before,
 .group.items .item h4,
 .group.items .item h5,
 .group.items .item h6 .h1,
 h6 .group.items .item .h1,
 .group.items .item .h2,
 .group.items .item .h3,
 .group.items .item .h4,
 .group.items .item .h5,
 .group.items .item .h6 {
   margin: 64px 0 32px 0;
-  font-size: 22px;
+  font-size: 24px;
   font-weight: 700; }
 
 h4,
 .h4 {
   margin: 32px 0 16px 0;
-  font-size: 20px;
+  font-size: 22px;
   font-weight: 700; }
 
 h5, .card.list h1, .card.list h2, .card.list .center blockquote, .center .card.list blockquote, .card.list h3, .card.list .group.items .item::before, .group.items .card.list .item::before, .card.list h4, .card.list h5, .card.list h6 .h1, h6 .card.list .h1, .card.list .h2, .card.list .h3, .card.list .h4, .card.list .h5, .card.list .h6, #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,
 .h5 {
   margin: 16px 0;
-  font-size: 18px; }
+  font-size: 20px; }
 
 h6,
 .h6 {
   margin: 16px 0;
-  font-size: 18px;
+  font-size: 20px;
   font-weight: 400; }
 
 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-size: 20px;
   font-weight: 300;
-  line-height: 120%; }
+  line-height: 1.5; }
 
 small,
 .small {
   margin-bottom: 8px;
   font-size: 70%;
   line-height: 80%; }
 
 blockquote,
 p,
 ul,
@@ skipping 88 matching lines @@
 dl {
   margin: 32px 0; }
 
 dt {
   margin: 16px 0; }
 
 dd {
   margin: 16px 0 32px 0; }
 
 dt {
-  font-size: 20px;
+  font-size: 22px;
   text-transform: uppercase;
   font-weight: 700; }
 
 blockquote {
   margin: 0;
   padding: 0 32px;
   text-transform: uppercase;
-  font-size: 18px;
+  font-size: 20px;
   font-weight: 400;
   font-style: italic; }
 
 html[dir="ltr"] blockquote {
   border-left: 4px solid #E1E1E1; }
 
 html[dir="rtl"] blockquote {
   border-right: 4px solid #E1E1E1; }
 
 html .center blockquote {
   border: none; }
 
 .center blockquote {
   margin: 0;
   padding: 96px 0;
   font-style: normal; }
 
 .center blockquote p:last-child {
   margin-top: -8px; }
 
 cite {
-  font-size: 14px;
+  font-size: 16px;
   font-style: normal; }
 
 cite::before {
   content: "-- "; }
 
 .center cite::before {
   content: none; }
 
 code,
 kbd,
@@ skipping 65 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: 14px;
   font-weight: 700;
   line-height: 32px;
   height: 34px; }
 
 @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%; } }
@@ skipping 59 matching lines @@
   box-sizing: border-box;
   width: 100%;
   height: 32px;
   margin: 8px 0 16px 0;
   padding: 4px 8px;
   color: #161616;
   border: 1px solid #E1E1E1;
   border-radius: 5px;
   background-color: #FFFFFF;
   box-shadow: none;
-  font-size: 16px;
+  font-size: 18px;
   line-height: 20px; }
 
 select {
   vertical-align: middle;
   background-color: #FFFFFF; }
 
 textarea {
   height: auto;
   min-height: 96px; }
 
 label {
   display: block;
-  font-size: 14px;
+  font-size: 16px;
   font-weight: 700;
   line-height: 20px; }
 
 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
@@ skipping 140 matching lines @@
   width: 100%;
   margin-bottom: -8px; }
 
 .card li::before {
   width: 32px;
   text-align: left; }
 
 .card h6 {
   margin: 0;
   padding: 0;
-  font-size: 14px;
+  font-size: 16px;
   font-weight: 300; }
 
 .bg-secondary .card {
   border-color: #292929; }
 
 .bg-accent .card {
   border-color: #8CC63E; }
 
 .card.list {
   padding: 0; }
@@ skipping 249 matching lines @@
 @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-size: 18px;
   font-weight: 400;
   line-height: 100%; }
   #sidebar ul,
   #sidebar li {
     margin: 0;
     padding: 0;
     text-align: inherit; }
   #sidebar a,
   #sidebar a:hover,
   #sidebar a:active {
@@ skipping 95 matching lines @@
   html[dir="rtl"] #sidebar-close,
   html[dir="rtl"] #sidebar-logo,
   html[dir="rtl"] #sidebar-title {
     float: right; } }
 
 #primary-navigation li {
   position: relative; }
 
 #primary-navigation ul ul li {
   color: #8CC63E;
-  font-size: 14px; }
+  font-size: 16px; }
 
 #primary-navigation .active > a {
   font-weight: 700; }
 
 #primary-navigation a:hover, #primary-navigation a:active {
   color: #8CC63E; }
 
 #primary-navigation ul ul a:hover, #primary-navigation ul ul a:active {
   color: #6f9432; }
 
@@ skipping 120 matching lines @@
 
 #breadcrumbs {
   position: absolute;
   z-index: 1;
   top: 64px;
   left: 0;
   width: 100%;
   text-transform: uppercase;
   color: #FFFFFF;
   background-color: #292929;
-  font-size: 12px;
+  font-size: 14px;
   font-weight: 400; }
   #breadcrumbs a,
   #breadcrumbs a:hover,
   #breadcrumbs a:active {
     text-decoration: none;
     color: inherit; }
   #breadcrumbs ol {
     padding: 0 32px; }
   #breadcrumbs ol,
   #breadcrumbs li,
@@ skipping 49 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; }