Increase logo size again

Author: congwang-mk

assets/css/styles.css

@@ -15,12 +15,11 @@ body {
     min-height: 100vh;
 }
 
-/* Header adjusted for larger logo */
 header {
     display: flex;
     align-items: center;
     justify-content: space-between;
-    padding: 15px 0;
+    padding: 20px 0;
     background: white;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
     position: fixed;
@@ -33,18 +32,21 @@ header {
     border-radius: 0 0 15px 15px;
     box-sizing: border-box;
     flex-wrap: wrap; /* Allow wrapping if needed for larger logo */
+    height: auto; /* Allow header to expand with content */
+    min-height: 120px; /* Ensure minimum height for content */
 }
 
 .logo-container {
-    padding-left: 10px;
+    padding-left: 0;
     display: flex;
     align-items: center;
-    max-width: 200px; /* Added max-width to give more space to the logo */
+    width: 50%; /* Give half the header width to the logo */
 }
 
 .logo {
-    height: 180px; /* Significantly increased size for maximum visibility */
-    width: auto; /* Maintain aspect ratio */
+    height: auto; /* Auto height to maintain aspect ratio */
+    width: 100%; /* Take full width of the container */
+    max-width: 300px; /* Maximum width for the logo */
     display: block;
     object-fit: contain; /* Ensures the logo fits within its container */
 }
@@ -82,13 +84,16 @@ nav a:hover {
     }
 
     .logo-container {
-        margin-bottom: 15px;
-        max-width: none; /* Remove max-width restriction on mobile */
+        width: 100%; /* Full width on mobile */
+        margin-bottom: 20px;
+        display: flex;
+        justify-content: center;
     }
 
     .logo {
-        height: 120px; /* Significantly larger on mobile as well */
-        margin: 0 auto; /* Center logo on mobile */
+        width: 80%; /* Take up most of the container width */
+        max-width: 250px; /* Still maintain a reasonable max size */
+        height: auto;
     }
 
     nav {
@@ -206,7 +211,7 @@ nav a:hover {
     min-height: 35vh;
     width: 90%;
     max-width: 1000px;
-    margin-top: 220px; /* Significantly increased to accommodate larger logo */
+    margin-top: 250px; /* Significantly increased to accommodate larger logo */
     box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
     box-sizing: border-box; /* Ensures padding doesn't affect width */
 }

index.html

@@ -29,7 +29,7 @@
 
     <section class="hero">
         <h1>Redefining the Cloud OS</h1>
-        <p>Multikernel Technologies delivers the next generation of Linux operating systems with unprecedented performance, security, and resource efficiency for modern cloud computing.</p>
+        <p>Multikernel Technologies delivers the next generation of cloud operating systems with unprecedented performance, security, and resource efficiency for modern computing environments.</p>
         <div class="button-group">
             <button>Get Started</button>
             <button>Request Demo</button>
@@ -38,12 +38,12 @@ <h1>Redefining the Cloud OS</h1>
 
     <section id="about" class="info">
         <h2>Revolutionizing Cloud Infrastructure</h2>
-        <p>Multikernel Technologies provides a groundbreaking approach to Linux operating systems for cloud environments, overcoming the limitations of traditional OS architectures, virtual machines, and containers.</p>
+        <p>Multikernel Technologies provides a groundbreaking approach to operating systems for cloud environments, overcoming the limitations of traditional OS architectures, virtual machines, and containers.</p>
         <ul class="feature-list">
             <li><i data-lucide="zap"></i> Near bare-metal performance with dynamic resource allocation</li>
             <li><i data-lucide="shield"></i> Enhanced security through hardware-enforced isolation</li>
-            <li><i data-lucide="settings"></i> Application-optimized Linux kernel instances for maximum efficiency</li>
-            <li><i data-lucide="refresh-cw"></i> Zero-downtime Linux operating system upgrade</li>
+            <li><i data-lucide="refresh-cw"></i> Zero-downtime updates for continuous operation</li>
+            <li><i data-lucide="settings"></i> Application-optimized kernel instances for maximum efficiency</li>
         </ul>
     </section>
 
@@ -92,10 +92,10 @@ <h2>Key Business Benefits</h2>
         <p>Multikernel Technologies delivers transformative advantages for enterprise and cloud infrastructure.</p>
         <ul class="feature-list">
             <li><i data-lucide="trending-up"></i> Up to 40% improved resource utilization through elastic resource allocation</li>
+            <li><i data-lucide="clock"></i> Near-zero downtime for critical applications with seamless kernel updates</li>
             <li><i data-lucide="shield-check"></i> Enhanced confidential computing capabilities for sensitive workloads</li>
             <li><i data-lucide="bar-chart"></i> Predictable application performance without "noisy neighbor" issues</li>
             <li><i data-lucide="package"></i> Optimized deployment for AI, HPC, and enterprise workloads</li>
-            <li><i data-lucide="clock"></i> Zero-downtime for critical applications with seamless kernel updates</li>
         </ul>
     </section>