Index: includes/index/style.html
===================================================================
--- a/includes/index/style.html
+++ b/includes/index/style.html
@@ -1,37 +1,37 @@
 <style>
 
 .card-summary
 {
-  height: 36px;
+  height: 60px;
 }
 
 .item-summary
 {
   height: 120px;
 }
 
 @media(min-width: 544px)
 {
   .item-summary
   {
-    height: 70px;
+    height: 100px;
   }
 }
 
 @media(min-width: 768px)
 {
   .item-summary
   {
-    height: 120px;
+    height: 160px;
   }
 }
 
 @media(min-width: 992px)
 {
   .item-summary
   {
-    height: 100px;
+    height: 140px;
   }
 }
 
 </style>
Index: includes/solutions/style.html
===================================================================
--- a/includes/solutions/style.html
+++ b/includes/solutions/style.html
@@ -1,36 +1,20 @@
 <style>
 
 .card-summary
 {
-  height: 90px;
-}
-
-@media(min-width: 544px)
-{
-  .card-summary
-  {
-    height: 140px;
-  }
-}
-
-@media(min-width: 768px)
-{
-  .card-summary
-  {
-    height: 110px;
-  }
+  height: 140px;
 }
 
 @media(min-width: 992px)
 {
   .card-summary
   {
-    height: 160px;
+    height: 230px;
   }
 }
 
 @media(min-width: 768px)
 {
   .card.list
   {
     display: block;
Index: includes/users/style.html
===================================================================
new file mode 100644
--- /dev/null
+++ b/includes/users/style.html
@@ -0,0 +1,19 @@
+<style>
+
+  @media(min-width: 768px)
+  {
+    .card-summary {
+      margin: 40px 0;
+      height: 50px;
+    }
+  }
+
+  @media(min-width: 992px)
+  {
+    .card-summary {
+       margin: 80px 0;
+       height: 70px;
+    }
+  }
+
+<style>
Index: pages/users.md
===================================================================
--- a/pages/users.md
+++ b/pages/users.md
@@ -1,12 +1,14 @@
 title=Acceptable Ads and your ad blocker
 description=Learn how to take control over your online ad experience with Acceptable Ads
 custom=1
 
+<? include index/style ?>
+
 <div class="container section" markdown="1">
   <div class="col-6 expand-on-tablet" markdown="1">
 
 # ![{{users-icon-alt[Users icon alt text] Users icon}}](/img/png/icon-users.png){: .card-icon } <br> {{users-heading[Page heading] Users }}
 
 ---
 
 {{users-p1[Users paragraph 1] From its start in 2006 <fix>Adblock Plus</fix> blocked all the ads. But by 2011 we were starting to think this was a bad idea, so we asked our users if they thought so too. ​[They did](https://adblockplus.org/blog/adblock-plus-user-survey-results-part-0). In fact, a large majority said that they would be fine with seeing certain ads if they were not so intrusive. So, with their input, we developed standards for better ads. These became the first <fix>Acceptable Ads</fix> criteria, and as these criteria evolve users continue to be an irreplaceable part of the process.}}
Index: static/css/main.css
===================================================================
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -409,17 +409,17 @@
   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,
@@ -430,30 +430,29 @@
 .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,
@@ -464,43 +463,43 @@
 .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,
@@ -599,25 +598,25 @@
 
 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; }
@@ -629,17 +628,17 @@
   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; }
 
@@ -715,17 +714,17 @@
   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;
@@ -795,30 +794,30 @@
   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)
@@ -969,17 +968,17 @@
 
 .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; }
 
@@ -1239,17 +1238,17 @@
     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,
@@ -1355,17 +1354,17 @@
   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 {
@@ -1496,17 +1495,17 @@
   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; }
Index: static/scss/_variables.scss
===================================================================
--- a/static/scss/_variables.scss
+++ b/static/scss/_variables.scss
@@ -62,27 +62,27 @@
 $error: $red;
 $error-fg: $white;
 $error-bg: $red;
 
 // Font sizes //////////////////////////////////////////////////////////////////
 
 // For components
 
-$font-size-xl: 20px;
-$font-size-lg: 18px;
-$font-size-md: 16px;
-$font-size-sm: 14px;
-$font-size-xs: 12px;
+$font-size-xl: 22px;
+$font-size-lg: 20px;
+$font-size-md: 18px;
+$font-size-sm: 16px;
+$font-size-xs: 14px;
 
 // For headers
 
-$font-size-h1: 42px;
-$font-size-h2: 28px;
-$font-size-h3: 22px;
+$font-size-h1: 46px;
+$font-size-h2: 30px;
+$font-size-h3: 24px;
 $font-size-h4: $font-size-xl;
 $font-size-h5: $font-size-lg;
 $font-size-h6: $font-size-lg;
 
 // Sizes ///////////////////////////////////////////////////////////////////////
 
 $xl: 96px;
 $lg: 64px;
Index: static/scss/content/_typography.scss
===================================================================
--- a/static/scss/content/_typography.scss
+++ b/static/scss/content/_typography.scss
@@ -15,17 +15,16 @@
 // along with acceptableads.org.  If not, see <http://www.gnu.org/licenses/>.
 
 // Headings ////////////////////////////////////////////////////////////////////
 
 %headings
 {
   text-transform: uppercase;
   font-weight: 700;
-  line-height: 120%;
 }
 
 h1,
 .h1
 {
   margin: $xl 0 $lg 0;
   text-transform: none;
   font-size: $font-size-h1;
@@ -79,17 +78,17 @@
   color: $primary-fg;
   // @see https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practical-guide/
   font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont,
   "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell",
   "Fira Sans", "Droid Sans", "Helvetica Neue",
   sans-serif;
   font-size: $font-size-lg;
   font-weight: 300;
-  line-height: 120%;
+  line-height: 1.5;
 }
 
 small,
 .small
 {
   margin-bottom: $xs;
   font-size: 70%;
   line-height: 80%;