diff --git a/src/components/CountdownTimer.jsx b/src/components/CountdownTimer.jsx
index 15be5be..9ba8214 100644
--- a/src/components/CountdownTimer.jsx
+++ b/src/components/CountdownTimer.jsx
@@ -13,12 +13,12 @@ const DateTimeDisplay = ({ value, type, isDanger }) => {
   return (
     <div className='countdown flex flex-col items-center font-vt323 font-[400] text-[#D9D9D9] '>
       <div className='mr-[10px] '>
-      <p className='xl:text-[85px] xl:h-[6rem] md:text-[60px] h-[4rem] max-[400px]:text-[30px] max-[400px]:h-[2.5rem] max-[640px]:text-[40px] max-[768px]:text-[45px] max-[768px]:h-[3rem] max-[640px]:h-[3rem] ' >{type !== 'Days' && <span className="xl:text-[85px] max-[400px]:text-[30px] max-[768px]:text-[45px] max-[640px]:text-[40px] max-[640px]:h-[4rem] max-[640px]:ml-[0.5rem] text-[60px] ml-[1rem]">:</span>} {value.toString()}</p>
+      <p className='min-[3840px]:text-[150px] min-[3840px]:h-[15rem] xl:text-[85px] xl:h-[6rem] md:text-[60px] h-[4rem] max-[400px]:text-[30px] max-[400px]:h-[2.5rem] max-[640px]:text-[40px] max-[768px]:text-[45px] max-[768px]:h-[3rem] max-[640px]:h-[3rem] ' >{type !== 'Days' && <span className="min-[3840px]:text-[140px] xl:text-[85px] max-[400px]:text-[30px] max-[768px]:text-[45px] max-[640px]:text-[40px] max-[640px]:h-[4rem] max-[640px]:ml-[0.5rem] text-[60px] ml-[1rem]">:</span>} {value.toString()}</p>
       </div>
-      {type == 'Days' && <span className="xl:text-[35px] text-[25px] max-[400px]:text-[20px] max-[640px]:text-[22px] ml-[0.5rem] max-[768px]:ml-0 max-[640px]:ml-[0rem]">{type}</span>}
-      {type == 'Hours' && <span className="xl:text-[35px] xl:ml-[4rem] text-[25px] max-[400px]:text-[20px] max-[640px]:text-[22px] ml-[2.9rem] max-[768px]:ml-[2.5rem]  max-[640px]:ml-[2rem]">{type}</span>}
-      {type == 'Minutes' && <span className="xl:text-[35px] xl:ml-[4.5rem] text-[25px] max-[400px]:text-[20px] max-[640px]:text-[22px] ml-[3rem] max-[768px]:ml-[2.2rem]  max-[640px]:ml-[2rem]">{type}</span>}
-      {type == 'Minutes' || type=='Seconds' && <span className="xl:text-[35px] xl:ml-[4rem] text-[25px] max-[400px]:text-[20px] max-[640px]:text-[22px] ml-[3rem] max-[768px]:ml-[2rem]  max-[640px]:ml-[1.5rem]">{type}</span>}      
+      {type == 'Days' && <span className="min-[3840px]:text-[100px] xl:text-[35px] text-[25px] max-[400px]:text-[20px] max-[640px]:text-[22px] ml-[0.5rem] max-[768px]:ml-0 max-[640px]:ml-[0rem]">{type}</span>}
+      {type == 'Hours' && <span className="min-[3840px]:text-[100px] xl:text-[35px] xl:ml-[4rem] text-[25px] max-[400px]:text-[20px] max-[640px]:text-[22px] ml-[2.9rem] max-[768px]:ml-[2.5rem]  max-[640px]:ml-[2rem]">{type}</span>}
+      {type == 'Minutes' && <span className="min-[3840px]:text-[100px] xl:text-[35px] xl:ml-[4.5rem] text-[25px] max-[400px]:text-[20px] max-[640px]:text-[22px] ml-[3rem] max-[768px]:ml-[2.2rem]  max-[640px]:ml-[2rem]">{type}</span>}
+      {type == 'Minutes' || type=='Seconds' && <span className="min-[3840px]:text-[100px] xl:text-[35px] xl:ml-[4rem] text-[25px] max-[400px]:text-[20px] max-[640px]:text-[22px] ml-[3rem] max-[768px]:ml-[2rem]  max-[640px]:ml-[1.5rem]">{type}</span>}      
     </div>
   );
 };
diff --git a/src/components/Discord/Discord.jsx b/src/components/Discord/Discord.jsx
index 318391a..78e19b6 100644
--- a/src/components/Discord/Discord.jsx
+++ b/src/components/Discord/Discord.jsx
@@ -22,7 +22,7 @@ function Discord() {
     }, []);
 
     return (
-        <div className="section relative">
+        <div className="section relative pt-[55px]" id="footer">
             <div
                 className="absolute  h-screen object-cover opacity-70 inset-1"
                 style={{
diff --git a/src/components/Faq/Faq.jsx b/src/components/Faq/Faq.jsx
index 632ed6d..344c967 100644
--- a/src/components/Faq/Faq.jsx
+++ b/src/components/Faq/Faq.jsx
@@ -54,7 +54,7 @@ const Faq = () => {
   };
 
   return (
-    <section id='faq'>
+    <section id='faq' className='pt-[95px]'>
       <div className="relative w-screen flex items-start justify-center">
         <div className="relative z-10 text-left mx-4 md:mx-8 lg:mx-12 xl:mx-20 w-full max-w-[1280px]">
           <h1 className="text-[#9E9E9E] text-3xl md:text-4xl xl:text-5xl m-0">
diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx
index 577bec2..6953ae0 100644
--- a/src/components/Footer/Footer.jsx
+++ b/src/components/Footer/Footer.jsx
@@ -27,7 +27,7 @@ function Footer() {
 
     return (
         <>
-            <div id="footer" className='main-footer'>
+            <div  className='main-footer'>
                 <div id="upfooter" className='bg-cover upfooter relative'>
                     <div className="flex flex-col py-5 xl:py-10 h-[100%] xl:h-[100%]  gap-5 justify-center item-center">
                     <div className="absolute inset-0 z-0" style={{backgroundImage: `url(${stars})`,
diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx
index 2d0e96f..2d37655 100644
--- a/src/components/Navbar.jsx
+++ b/src/components/Navbar.jsx
@@ -35,11 +35,11 @@ export default function Navbar(){
     };
     return(
         <section className="w-full relative">
-        <nav className="fixed z-30 flex md:justify-between bg-gradient-to-b max-[768px]:space-x-5 from-[#040842] to-[#040842]  w-full h-[96px] max-[540px]:h-[60px] mt-0 bg-blue-800 font-vt323 leading-[96px] ">
+        <nav className="fixed  min-[3840px]:px-[250px] px-7 z-30 flex md:justify-between bg-gradient-to-b max-[768px]:space-x-5 from-[#040842] to-[#040842]  w-full h-[96px] min-[3840px]:h-[250px] max-[540px]:h-[60px] mt-0 bg-blue-800 font-vt323 leading-[96px] ">
             
-            <img className="justify-start max-[450px]:w-[86px] max-[540px]:w-[90px] max-[640px]:w-[100px] sm:w-[107px] md:w-[88px] lg:w-[107px] ml-6 " src={sc1_logo}></img>
+            <img className="justify-start min-[3840px]:w-[300px] max-[450px]:w-[86px] max-[540px]:w-[90px] max-[640px]:w-[100px] sm:w-[107px] md:w-[88px] lg:w-[107px] xl:w-[120px] " src={sc1_logo}></img>
             
-            <ul className=" justify-center flex  xl:space-x-[4rem] lg:space-x-[3rem] sm:space-x-[1.6rem] sm:text-[22px] min-[540px]:space-x-[1.6rem] min-[540px]:text-[22px] md:text-[25px] md:space-x-5 lg:text-[1.8 rem] xl:text-[2rem] text-white items-center max-[768px]:hidden ">
+            <ul className=" justify-center flex min-[3840px]:text-[80px] min-[3840px]:space-x-[7rem]  xl:space-x-[4rem] lg:space-x-[3rem] sm:space-x-[1.6rem] sm:text-[22px] min-[540px]:space-x-[1.6rem] min-[540px]:text-[22px] md:text-[25px] md:space-x-5 lg:text-[1.8 rem] xl:text-[2.3rem] text-white items-center max-[768px]:hidden ">
                 <a onClick={scrollToSchedule} style={{ cursor: 'pointer' }}><li className="hover:text-[#c3c3c3]">SCHEDULE</li></a>
                 <a onClick={scrollToTracks} style={{ cursor: 'pointer' }}><li className="hover:text-[#c3c3c3]">TRACKS</li></a>
                 <a onClick={scrollToSponsors} style={{ cursor: 'pointer' }}><li className="hover:text-[#c3c3c3]">SPONSORS</li></a>
@@ -47,11 +47,11 @@ export default function Navbar(){
                 <a onClick={scrollToFooter} style={{ cursor: 'pointer' }}><li className="hover:text-[#c3c3c3]">CONTACT US</li></a>
 
             </ul>
-            <img className= "justify-end md:w-[110px] lg:w-[154px] xl:w-[164px] max-[768px]:hidden mr-6" src={iiit_logo}></img>
+            <img className= "justify-end min-[3840px]:w-[400px] md:w-[110px] lg:w-[154px] xl:w-[175px] max-[768px]:hidden" src={iiit_logo}></img>
             <img className="min-[768px]:hidden sm:w-[50px] max-[450px]:w-[35px] max-[540px]:w-[40px] max-[640px]:w-[50px]" src={iiit_logo_mobile}></img>
             
         </nav>
-        <div className=" absolute right-0 max-[540px]:mt-[22px] mt-[39px] w-[50px] mr-8 ">
+        <div className=" absolute right-0 max-[540px]:mt-[22px] mt-[39px] w-[50px] mr-8">
         <SwipeableTemporaryDrawer/>
         </div>
         </section>
diff --git a/src/components/Sponsors/Sponsors.jsx b/src/components/Sponsors/Sponsors.jsx
index 9248a7a..be6dbb0 100644
--- a/src/components/Sponsors/Sponsors.jsx
+++ b/src/components/Sponsors/Sponsors.jsx
@@ -35,7 +35,7 @@ const Sponsors = () => {
     }, []);
 
     return (
-        <section className="relative" style={{
+        <section className="pt-[80px] relative" style={{
             backgroundImage: `url(${stars})`,
             backgroundPosition: `${50 + bgPosition.x}% ${50 + bgPosition.y}%`,
             backgroundSize: 'cover',
diff --git a/src/components/Tracks/Tracks.jsx b/src/components/Tracks/Tracks.jsx
index eb00272..eeeb8df 100644
--- a/src/components/Tracks/Tracks.jsx
+++ b/src/components/Tracks/Tracks.jsx
@@ -49,7 +49,7 @@ const Tracks = () => {
     }, []);
 
     return (
-        <section id='tracks' className="relative mb-10 px-5 bg-no-repeat" style={{
+        <section id='tracks' className="pt-[80px] relative mb-10 px-5 bg-no-repeat" style={{
             backgroundImage: `url(${stars})`,
             backgroundPosition: `${50 + bgPosition.x}% ${50 + bgPosition.y}%`,
             backgroundSize: 'cover',
diff --git a/src/pages/LandingPage.jsx b/src/pages/LandingPage.jsx
index e76e83a..a0d2c83 100644
--- a/src/pages/LandingPage.jsx
+++ b/src/pages/LandingPage.jsx
@@ -16,12 +16,12 @@ function LandingPage() {
       const width = window.innerWidth;
       if (width >= 3840) {
         
-        setBgSize("18%");
+        setBgSize("16%");
       } else if (width >= 2560) {
         // Adjustments for 1440p resolution
         setBgSize("18%");
       } else if (width >= 1248) {
-        setBgSize("18%");
+        setBgSize("16%");
       } else if (width >= 1024) {
         setBgSize("18%");
       } else if (width >= 750) {
@@ -63,7 +63,7 @@ function LandingPage() {
   return (
     <>
       <div
-        className=" h-full  3xl:h-[4000px] w-full flex flex-col text-center bg-no-repeat  bg-bg_color m-0"
+        className=" h-full min-[3840px]:h-[4000px] w-full flex flex-col text-center bg-no-repeat  bg-bg_color m-0"
         style={{
           backgroundImage: `url(${BgLandingPage})`,
           backgroundPosition: `${50 + bgPosition.x}% ${20 + bgPosition.y}%`,
@@ -73,20 +73,20 @@ function LandingPage() {
         {/* Hero section */}
         <section
           id="hero"
-          className=" ml-5 mr-5 max-[540px]:mt-[60px] mt-[110px] 3xl:mt-[150px] "
+          className=" ml-5 mr-5 max-[540px]:mt-[60px] mt-[110px]  min-[3840px]:mt-[250px] "
         >
-          <div>
+          <div className="">
             <h1
-              className="text-white min-[320px]:text-5xl md:text-7xl   xl:text-8xl  3xl:text-[12vh]  font-vt323"
+              className="text-white min-[320px]:text-5xl md:text-7xl xl:text-8xl  min-[3840px]:text-[12vh] font-vt323"
               style={{ textShadow: "2px 2px 0 rgb(236, 83, 176, 1)" }}
             >
               STATUS CODE <span className="text-red">1</span>
             </h1>
-            <h3 className="text-purple-900 font-vt323 min-[320px]:text-[20px] md:text-3xl xl:text-[40px] 3xl:m-11 3xl:p-10 3xl:text-[4vh] bg-gradient-to-r from-gradient_blue_purple-0 via-gradient_blue_purple-50 to-gradient_blue_purple-100  text-transparent bg-clip-text">
+            <h3 className="text-purple-900 font-vt323 min-[320px]:text-[20px] md:text-3xl xl:text-[40px] min-[3840px]:m-11 2xl:p-10 2xl:text-[4vh] bg-gradient-to-r from-gradient_blue_purple-0 via-gradient_blue_purple-50 to-gradient_blue_purple-100  text-transparent bg-clip-text">
               Code With Purpose & Innovate, Collaborate, Dominate
             </h3>
           </div>
-          <div className="flex text-center justify-center mt-5 ml-5 mr-5 3xl:m-11">
+          <div className="flex text-center justify-center mt-5 xl:mt-1 ml-5 mr-5 min-[3840px]:m-11">
             <div
               className="bg-top bg-no-repeat flex items-end flex-col justify-center md:h-[80%] bg-cover "
               style={{
@@ -98,7 +98,7 @@ function LandingPage() {
                 {/* <a href="https://statuscode-1.devfolio.co/"> */}
                 <div
                  
-                  className="bg-no-repeat bg-center bg-cover  text-center justify-center flex flex-row min-[320px]:mt-[25%] min-[640px]:mt-[10%] min-[750px]:mt-[6%] md:mt-[27%] lg:mt-[22%] xl:mt-[20%] 2xl:mt-[24%]"
+                  className="bg-no-repeat bg-center  bg-cover  text-center justify-center flex flex-row min-[320px]:mt-[25%] min-[640px]:mt-[10%] min-[750px]:mt-[6%] md:mt-[27%] lg:mt-[22%] xl:mt-[20%] min-[3840px]:mt-[21%]"
                   style={{
                     backgroundImage: `url(${DevfolioBtn})`,
                     backgroundSize: "contain",
@@ -109,19 +109,19 @@ function LandingPage() {
                   <button  onClick={() =>
                     window.open("https://statuscode-1.devfolio.co/")
                   }
-                   className="text-purple font-vt323 text-2xl text-center justify-center  flex  mt-2 mb-2 gap-3 3xl:gap-11 3xl:text-7xl 3xl:m-5     ">
-                    <img className="3xl:w-[5vh]" src={DevfolioLogo} />
-                    <p className="3xl:mt-5">Apply with Devfolio </p>
+                   className="text-purple font-vt323 text-2xl text-center justify-center  flex  mt-2 mb-2 xl:text-4xl gap-3 min-[3840px]:gap-11 min-[3840px]:text-7xl min-[3840px]:m-5     ">
+                    <img className="xl:w-[4vh] min-[3840px]:w-[5vh]" src={DevfolioLogo} />
+                    <p className="min-[3840px]:mt-5">Apply with Devfolio </p>
                   </button>
                 </div>
                 {/* </a> */}
-                <p className="max-[540px]:leading-normal md:leading-tight xl:leading-normal md:text-[22px] xl:text-[24px] 3xl:text-[3vh] 3xl:pl-[17vh] 3xl:pr-[17vh] 3xl:p-11 font-vt323 min-[320px]:text-[16px] md:text-2xl m-3 bg-gradient-to-b text-purple bg-clip-text">
+                <p className="max-[540px]:leading-normal md:leading-tight xl:leading-normal md:text-[22px] xl:text-[24px] 2xl:text-[3vh] min-[3840px]:pl-[17vh] min-[3840px]:pr-[17vh] min-[3840px]:p-11 2xl:p-5 font-vt323 min-[320px]:text-[16px] md:text-2xl m-3 bg-gradient-to-b text-purple bg-clip-text">
                   Unleash your creativity and join Status Code 1, an official
                   MLH Member Event and the ultimate 36-hour hackathon
                   extravaganza! Compete across diverse categories, showcasing
                   your skills, ingenuity, and collaborative spirit alongside
                   like-minded individuals. Discover the perfect platform to
-                  challenge yourself,
+                  challenge yourself.
                 </p>
 
                 <button className="animate-bounce 3xl:w-[5%]  ">
@@ -136,12 +136,12 @@ function LandingPage() {
         </section>
 
         {/* Timer section  */}
-        <section id="timer" className="mt-[4%]">
+        <section id="timer" className="pt-[60px] mt-2">
           <TimerSection />
         </section>
 
         {/* Schedule section */}
-        <section id="schedule" className="mt-[4%]"></section>
+        <section id="schedule" className="pt-[60px] "></section>
         <Schedule />
       </div>
     </>
diff --git a/src/pages/TimerSection.jsx b/src/pages/TimerSection.jsx
index 8ba2bf6..dbb9df2 100644
--- a/src/pages/TimerSection.jsx
+++ b/src/pages/TimerSection.jsx
@@ -3,8 +3,8 @@ export default function TimerSection(){
     return(
         <>
         <section className="width-[100vh] flex flex-col justify-center font-[vt323]">
-        <p className="text-[#F21212] text-[375%] max-[900px]:text-[55px] max-[768px]:text-[52px] max-[540px]:text-[50px] max-[450px]:text-[48px] max-[360px]:text-[40px] md:text-[76px]   mb-0">Hurry Up</p>
-        <p className="text-[225%] text-[#9D44C0] max-[900px]:text-[30px] max-[768px]:text-[28px] max-[360px]:text-[28px] md:text-[40px] ">Hacking ends in</p>
+        <p className="text-[#F21212] text-[375%] min-[3840px]:text-[200px] max-[900px]:text-[55px] max-[768px]:text-[52px] max-[540px]:text-[50px] max-[450px]:text-[48px] max-[360px]:text-[40px] md:text-[76px]   mb-0">Hurry Up</p>
+        <p className="text-[225%] text-[#9D44C0] min-[3840px]:text-[130px] max-[900px]:text-[30px] max-[768px]:text-[28px] max-[360px]:text-[28px] md:text-[40px] ">Hacking ends in</p>
         <CountdownTimer targetDate={"aug 24, 2024 02:01:00"}/>
         </section>
         </>