From f3177f5a962f59a0c58b0083e42fed3eb74e5bed Mon Sep 17 00:00:00 2001
From: Ekene Ngwudike <94962750+Ekene001@users.noreply.github.com>
Date: Tue, 26 Nov 2024 18:59:40 +0100
Subject: [PATCH] Update style.css

---
 style.css | 95 ++++++++++++++++++++++++++++++++++++++++++++++++++-----
 1 file changed, 87 insertions(+), 8 deletions(-)

diff --git a/style.css b/style.css
index 037d105..ca40a2e 100644
--- a/style.css
+++ b/style.css
@@ -56,41 +56,41 @@ header{
     height: 100vh;
     color: whitesmoke;
 }
-header .nav{
+header nav{
     display: flex;
     justify-content: space-between;
     padding: 3% 8%; 
     font-size: 3.3rem;
     text-transform: capitalize;
 }
-.nav h1{
+nav h1{
     color: gold;
     text-transform: capitalize;
     font-size: 3.2rem;
     margin: 0;
     
 }
-.nav>ul{
+nav>ul{
     /* display: flex;  */
     /* justify-content: space-between; */
     list-style-type: none;
     
 }
-.nav>ul>li{
+nav>ul>li{
     /* color: white; */
     /* padding: 0 2rem 0 2rem; */
     display: inline-block;
     margin-left: 2.5rem;
 }
 
-.nav li a:hover,
-.nav li a.active{
+nav li a:hover,
+nav li a.active{
     color: gold;
     transition: 0.5secs ease-in-out;
 
 
 }
-.nav a:active{
+nav a:active{
     color: gold;
     /* transition: 0.5secs ease-in-out; */
 
@@ -324,4 +324,83 @@ footer{
 }
 footer>p{
     padding: 1.2rem 0;
-}
\ No newline at end of file
+}
+nav box-icon{
+    display: none;
+} 
+
+
+@media only screen and (max-width:768px){
+    .row{
+        flex-direction: column;
+    }
+    nav{
+        flex-direction: column;
+        position: relative;
+    }
+    nav box-icon{
+        display: block;
+        position: absolute;
+        top: 0px;
+        right: 32px;
+    }
+    nav ul{
+        background-color: whitesmoke;
+        display: none;
+    }
+    nav ul li{
+        display: block;
+        padding: 2% 0;
+
+    }
+    .showmenu{
+        display: block;
+    }
+    nav ul li a{
+        color: #222;
+    }
+    .nav-body{
+        width: 100%;
+        top: 16%;
+        left: 0;
+        text-align: center;
+        padding: 0 8px;
+    }
+    input[type=text],
+    input[type=email],
+    input[type=submit]{
+        width: 80%;
+        margin: 1.2rem auto;
+    }
+    .progress{
+        display: none;
+    }
+    .processC{
+        margin-top: 20px;
+    }
+    .Process .box,
+    .Process .box1,
+    .Process .box2{
+        text-align: center;
+        background-color: #ccc;
+        margin: 1rem 0;
+        width: 100%;
+
+    }
+    .Testimony .test{
+        margin: 1.6rem 0;
+    }
+    .contact-us form input,
+    .contact-us form textarea{
+        width: 100%;
+    }
+    
+
+}
+
+..styled-card .card-content{
+    height: 100%;
+    overflow: scroll;
+    scroll-behavior: smooth;
+    s;
+}