From 5683e05af7dd2dbb06bf49b80c70a86580850e37 Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Sat, 1 Jul 2023 20:52:22 +0100
Subject: [PATCH] service page image height fixed

---
 src/assets/css/main.css                    | 11 ++++++++++-
 src/components/Service/MissionStatement.js |  6 +-----
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index 8f101d7..2cdc15d 100755
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -4239,17 +4239,26 @@ p {
   background-repeat: no-repeat;
   background-size: cover;
 }
+
 .mission-side-box {
   position: absolute;
   top: 0;
   right: 0;
-  height: 100%;
+  height: 750px;
   width: 50%;
   background-image: url(../images/mission-bg.png);
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
 }
+@media only screen and (max-width: 991px) {
+  .mission-side-box {
+    position: relative;
+    height: 500px;
+    width: 100%;
+    margin: 20px auto 0 auto;
+  }
+}
 
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .appie-faq-8-area .faq-play-box {
diff --git a/src/components/Service/MissionStatement.js b/src/components/Service/MissionStatement.js
index c7c36b3..d9aa93b 100644
--- a/src/components/Service/MissionStatement.js
+++ b/src/components/Service/MissionStatement.js
@@ -100,11 +100,7 @@ function MissionStatement() {
                         </div>
                     </div>
                 </div>
-
-                <div className="mission-side-box">
-
-                </div>
-
+                <div className="mission-side-box"></div>
             </div>
         </>
     );