adjusted text size responsiveness

Author: tobihagemann

layouts/pricing/single.html

@@ -96,7 +96,7 @@ <h2 class="text-center font-headline font-medium text-xl md:text-2xl leading-snu
                 <span class="font-bold text-2xl md:text-3xl leading-relaxed">
                   {{ i18n "pricing_android_price_discounted" . }}
                 </span>
-                <span class="text-xs text-gray-700">
+                <span class="text-xs md:text-sm text-gray-700">
                   {{ i18n "pricing_vat_included" . }}
                 </span>
               </p>
@@ -158,7 +158,7 @@ <h2 class="text-center font-headline font-medium text-xl md:text-2xl leading-snu
                     <span class="font-bold text-2xl md:text-3xl leading-relaxed">
                       {{ i18n "pricing_ios_price_discounted" . }}
                     </span>
-                    <span class="text-xs text-gray-700">
+                    <span class="text-xs md:text-sm text-gray-700">
                       {{ i18n "pricing_vat_included" . }}
                     </span>
                   </p>
@@ -297,7 +297,7 @@ <h3 class="inline-flex px-4 py-1 rounded-full text-xs lg:text-sm font-medium tra
               <div x-show="infrastructure === 'managed'">
                 <p class="flex items-baseline gap-2">
                   <span x-text="data.managedMonthlyPrice ? data.managedMonthlyPrice.amount.toLocaleString('{{ .Site.Language.Lang }}', { style: 'currency', currency: data.managedMonthlyPrice.currency }) : '…'" class="font-bold text-2xl md:text-3xl lg:text-4xl leading-relaxed"></span>
-                  <span class="text-xs text-gray-700">
+                  <span class="text-xs md:text-sm lg:text-base text-gray-700">
                     {{ i18n "pricing_vat_excluded" . }}
                   </span>
                 </p>
@@ -311,7 +311,7 @@ <h3 class="inline-flex px-4 py-1 rounded-full text-xs lg:text-sm font-medium tra
               <div x-show="infrastructure === 'self-hosted'">
                 <p class="flex items-baseline gap-2">
                   <span x-text="data.selfHostedMonthlyPrice ? data.selfHostedMonthlyPrice.amount.toLocaleString('{{ .Site.Language.Lang }}', { style: 'currency', currency: data.selfHostedMonthlyPrice.currency }) : '…'" class="font-bold text-2xl md:text-3xl lg:text-4xl leading-relaxed"></span>
-                  <span class="text-xs text-gray-700">
+                  <span class="text-xs md:text-sm lg:text-base text-gray-700">
                     {{ i18n "pricing_vat_excluded" . }}
                   </span>
                 </p>