From 50d4bf6a0f30185792559d93af8d7a3c90a6e47c Mon Sep 17 00:00:00 2001
From: adilallo <39313955+adilallo@users.noreply.github.com>
Date: Wed, 27 Aug 2025 10:53:16 -0600
Subject: [PATCH] Ask Organizer md breakpoint

---
 app/components/AskOrganizer.js  | 4 ++--
 app/components/ContentLockup.js | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/components/AskOrganizer.js b/app/components/AskOrganizer.js
index 924bd98..0660f66 100644
--- a/app/components/AskOrganizer.js
+++ b/app/components/AskOrganizer.js
@@ -14,7 +14,7 @@ const AskOrganizer = ({
 }) => {
   return (
     <section
-      className={`py-[var(--spacing-scale-032)] px-[var(--spacing-scale-032)] ${className}`}
+      className={`py-[var(--spacing-scale-032)] px-[var(--spacing-scale-032)] md:py-[var(--spacing-scale-096)] md:px-[var(--spacing-scale-064)] ${className}`}
       aria-labelledby="ask-organizer-headline"
       role="region"
       tabIndex={-1}
@@ -30,7 +30,7 @@ const AskOrganizer = ({
 
         {/* Button */}
         <div className="flex justify-center">
-          <Button href={buttonHref} size="small" variant="default">
+          <Button href={buttonHref} size="large" variant="default">
             {buttonText}
           </Button>
         </div>
diff --git a/app/components/ContentLockup.js b/app/components/ContentLockup.js
index e540be1..be061e2 100644
--- a/app/components/ContentLockup.js
+++ b/app/components/ContentLockup.js
@@ -53,9 +53,9 @@ const ContentLockup = ({
       titleContainer:
         "flex gap-[var(--spacing-scale-008)] items-center justify-center",
       title:
-        "font-bricolage-grotesque font-medium text-[36px] leading-[110%] tracking-[0] text-[var(--color-content-default-brand-primary)] text-center",
+        "font-bricolage-grotesque font-medium text-[36px] leading-[110%] tracking-[0] md:text-[44px] md:leading-[110%] text-[var(--color-content-default-brand-primary)] text-center",
       subtitle:
-        "font-inter font-normal text-[18px] leading-[130%] tracking-[0] text-[var(--color-content-default-primary)] text-center",
+        "font-inter font-normal text-[18px] leading-[130%] tracking-[0] md:text-[24px] md:leading-[32px] text-[var(--color-content-default-primary)] text-center",
       shape:
         "w-[16px] h-[16px] md:w-[20px] md:h-[20px] lg:w-[24px] lg:h-[24px]",
     },