From e32bf215dcdf91f5d828a4a08e11bafca4724969 Mon Sep 17 00:00:00 2001
From: kitajchuk <bk@kitajchuk.com>
Date: Thu, 8 Apr 2021 17:26:59 -0700
Subject: [PATCH] Pricing CTA tweak -- some more type scale tweaks

---
 pages/pricing.js        |  2 +-
 styles/_mixins.scss     |  1 +
 styles/_typography.scss | 15 ++++++++-------
 3 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/pages/pricing.js b/pages/pricing.js
index 09749d7..4023d56 100644
--- a/pages/pricing.js
+++ b/pages/pricing.js
@@ -53,7 +53,7 @@ function Tiers({ data }) {
         })}
       </div>
       <div className="wrap tiers__cta">
-        <P>{data.text}</P>
+        <H6>{data.text}</H6>
         <Button href={`${data.url}?subject=Additional Services Support`} target="_blank" style="pill" subStyle="jambonz">
           <Icon name={data.icon} />
           <span>{data.cta}</span>
diff --git a/styles/_mixins.scss b/styles/_mixins.scss
index 99f2751..e3de98e 100644
--- a/styles/_mixins.scss
+++ b/styles/_mixins.scss
@@ -26,6 +26,7 @@
     font-size: $m-size;
   }
 
+  // @note: Consideration on stopping type reduction here
   @media (max-width: $width-mobile) {
     font-size: $ms-size;
   }
diff --git a/styles/_typography.scss b/styles/_typography.scss
index 0cb21fe..94cabdd 100644
--- a/styles/_typography.scss
+++ b/styles/_typography.scss
@@ -161,9 +161,10 @@ em {
     font-size: $p-size;
   }
 
-  @media (max-width: $width-mobile) {
-    font-size: $m-size;
-  }
+  // @note: Consideration on stopping type reduction here
+  // @media (max-width: $width-mobile) {
+  //   font-size: $m-size;
+  // }
 }
 
 .h6, h6 {
@@ -194,10 +195,10 @@ em {
   font-size: $m-size;
   line-height: 1.9;
 
-  // @note: Consideration on stopping type reduction here
-  // @media (max-width: $width-tablet-1) {
-  //   font-size: $ms-size;
-  // }
+  // @note: Consideration on stopping type reduction here?
+  @media (max-width: $width-tablet-1) {
+    font-size: $ms-size;
+  }
 }
 
 .ms {