Login and UI Changes updated

ordering_site/src/components/Header.css

@@ -32,8 +32,14 @@
   flex-shrink: 0;
 }
 
+.header-logo-container {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+}
+
 .header-logo {
-  height: 38px;
+  height: 44px;
   width: auto;
   object-fit: contain;
   cursor: pointer;
@@ -44,6 +50,16 @@
   opacity: 0.8;
 }
 
+.header-tagline {
+  font-size: 8px;
+  font-weight: 700;
+  color: var(--primary);
+  margin-top: 1px;
+  font-style: italic;
+  letter-spacing: 0.2px;
+  line-height: 1;
+}
+
 .header-title {
   font-size: 1.1rem;
   font-weight: 700;

ordering_site/src/components/Header.tsx

@@ -31,12 +31,15 @@ const Header: React.FC<HeaderProps> = ({ title, onBack, showCart = true }) => {
         {title && title !== "Tillo Canteen" ? (
           <h1 className="header-title">{title}</h1>
         ) : (
-          <img 
-            src={ritLogo} 
-            alt="RIT Logo" 
-            className="header-logo" 
-            onClick={() => navigate('/')} 
-          />
+          <div className="header-logo-container">
+            <img 
+              src={ritLogo} 
+              alt="RIT Logo" 
+              className="header-logo" 
+              onClick={() => navigate('/')} 
+            />
+            <span className="header-tagline">Till yo tummy is full...</span>
+          </div>
         )}
       </div>
 

ordering_site/src/pages/LoginScreen.css

@@ -62,6 +62,15 @@
   filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1));
 }
 
+.login-tagline {
+  font-size: 13px;
+  font-weight: 700;
+  color: var(--primary);
+  margin-top: 8px;
+  font-style: italic;
+  letter-spacing: 0.3px;
+}
+
 .login-header {
   position: relative;
   text-align: center;

ordering_site/src/pages/LoginScreen.tsx

@@ -90,8 +90,9 @@ const LoginScreen: React.FC = () => {
 
       <div className="login-content">
         <div className="login-card animate-slideUp">
-          <div className="login-header-logo">
+          <div className="login-header-logo flex flex-col items-center justify-center">
             <img src={ritLogo} alt="RIT Logo" className="rit-logo" />
+            <span className="login-tagline">Till yo tummy is full...</span>
           </div>
 
           <div className="login-header">