adjusted variables for padding changes

Author: lgilbuena

src/components/PageHeader/HomePage.astro

@@ -10,7 +10,7 @@ const { config } = Astro.props;
 
 ---
 
-<div class="max-lg:flex max-lg:flex-col px-lg pt-[11.25rem] lg:pt-3xl pb-0 h-full">
+<div class="max-lg:flex max-lg:flex-col px-gutter-md pt-[11.25rem] lg:pt-3xl pb-0 h-full">
   <div class="homepage-header-top">
     <div class="grid grid-cols-3 lg:grid-cols-4 gap-md overflow-visible h-min">
       <p class="col-span-2 lg:col-span-3 mt-0 text-md md:text-xl lg:text-3xl">

styles/variables.scss

@@ -49,7 +49,7 @@ html {
   --spacing-xs: 0.5rem;
   --spacing-sm: 1rem;
   --spacing-md: 1.5rem;
-  --spacing-lg: 2.5rem;
+  --spacing-lg: 2rem;
   --spacing-xl: 3rem;
   --spacing-2xl: 4rem;
   --spacing-3xl: 5rem;