diff --git a/src/components/InfoCard.tsx b/src/components/InfoCard.tsx
index 1b5ce14..727411f 100644
--- a/src/components/InfoCard.tsx
+++ b/src/components/InfoCard.tsx
@@ -57,10 +57,10 @@ const InfoCard: React.FC<InfoCardProps> = (
                             }
                         )}> 
                             <div className={classnames(
-                                "relative w-full pt-8 mb-2 ml-8 border-b-3", 
+                                "relative w-full pt-8 mb-2 ml-8 mr-100 border-b-3", 
                                 {
-                                    "border-britton-newblue rounded-br-2xl" : !invert,
-                                    "border-britton-accent mr-100" : invert
+                                    "border-britton-newblue" : !invert,
+                                    "border-britton-accent" : invert
                                 }
                             )}>
                                 <div className={classnames(
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index 20b315f..f49f6a5 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -97,7 +97,7 @@ const Navbar = () => {
     }, []);
 
   return (
-    <nav className="sticky top-0 left-0 z-10 hidden lg:flex h-[85px] justify-center bg-transparent">
+    <nav className="sticky top-0 left-0 z-10 hidden md:flex h-[85px] justify-center bg-transparent">
         <div className={classnames(
                     "w-11/12 bg-britton-neutral px-1 text-britton-dark rounded-b-3xl", {
                         "h-13 pb-1 border-b-2 border-x-2 border-black" : isScrolled,
@@ -105,7 +105,7 @@ const Navbar = () => {
                     }
                 )}
         >
-            <div className="container mx-auto justify-between items-center flex">
+            <div className="w-full px-3 justify-between items-center flex">
                 <div className={classnames('rounded-b-2xl bg-britton-dark w-72', {"hidden" : isScrolled})}>
                     <Image
                         src="/images/bbstpa-forsite.png"
diff --git a/src/components/Tagline.tsx b/src/components/Tagline.tsx
index a50e60d..d209c8d 100644
--- a/src/components/Tagline.tsx
+++ b/src/components/Tagline.tsx
@@ -20,34 +20,17 @@ const Tagline: React.FC<TaglineProps> = (
 
     return (
         <>
-        {/* <div className='h-[calc(100vh-85px)]'>
-            <div className="w-full h-screen aspect-16/9 absolute top-0 left-0 bg-britton-medium bg-blend-soft-light bg-[url('/images/bg.jpg')] bg-cover bg-position-[center_-4.5rem] rounded-b-3xl">
-                <div className="flex flex-col justify-center items-center py-20">
-                    <div className="w-11/12 flex justify-start mt-58">
-                        <div className="w-1/2 relative bg-britton-light text-center text-britton-dark text-7xl rounded-l-3xl rounded-t-3xl rounded-out-br-3xl py-3 px-4 ml-110">
-                            {textTop}
-                        </div>
-                    </div>
-                    <div className="w-11/12 flex justify-end">
-                        <div className="w-1/2 relative bg-britton-light text-center text-britton-dark text-7xl rounded-r-3xl rounded-b-3xl rounded-out-tl-3xl py-3 px-4 mr-20">
-                            {textBottom}
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div> */}
-
         <div className='h-[calc(100vh-85px)] lg:min-h-[640px] xl:min-h-[786px] 2xl:min-h-[1080px] flex'>
             <div className="absolute top-0 left-0 w-full aspect-16/9 bg-cover bg-center bg-[url('/images/bg.jpg')] bg-britton-medium bg-blend-soft-light bg-position-[center_-4.5rem] rounded-b-3xl">
                 <div className="relative w-full h-full overflow-hidden">
-                    <div className="absolute flex flex-col w-3/7 top-1/2 right-9/40">
+                    <div className="absolute flex flex-col w-100 lg:w-150 xl:w-190 bottom-2/5 left-7/20 text-center text-britton-dark text-4xl lg:text-5xl xl:text-7xl">
                         <div className="flex justify-start">
-                            <div className="w-4/5 relative bg-britton-light text-center text-britton-dark text-7xl rounded-l-3xl rounded-t-3xl rounded-out-br-3xl py-3 px-4">
+                            <div className="w-5/6 lg:w-4/5 relative bg-britton-light rounded-t-3xl rounded-l-3xl rounded-out-br-3xl py-2 lg:py-3 px-4">
                                 {textTop}
                             </div>
                         </div>
                         <div className="flex justify-end">
-                            <div className="w-4/5 relative bg-britton-light text-center text-britton-dark text-7xl rounded-r-3xl rounded-b-3xl rounded-out-tl-3xl py-3 px-4">
+                            <div className="w-5/6 lg:w-4/5 relative bg-britton-light rounded-b-3xl rounded-r-3xl rounded-out-tl-3xl py-2 lg:py-3 px-4">
                                 {textBottom}
                             </div>
                         </div>