From ebdc4ea498da4313531d7bc7f765fc4bdc6d0aa0 Mon Sep 17 00:00:00 2001
From: asal sahami <asalsahami22@gmail.com>
Date: Tue, 1 Oct 2024 20:35:26 +0200
Subject: [PATCH] head

---
 src/.DS_Store          | Bin 8196 -> 8196 bytes
 src/App/mediarules.css |  29 +++++++++++++++++++++++++----
 2 files changed, 25 insertions(+), 4 deletions(-)

diff --git a/src/.DS_Store b/src/.DS_Store
index 6722e146b6dda95ad4d8fff939c15330d98488ef..28f14e56297ee9a2ae79ee89c64f30e8b9d3b6fb 100644
GIT binary patch
delta 39
scmZp1XmQx!CBSrQ&tx9~lgUW}Li`08hQZ1CxdjX$z@)Hwp+GV}00H9*X8-^I

delta 53
zcmZp1XmQx!CBSrI=VTuN6U9As5l<UKk2x|hFfcPXG88Zr6l53%C+FuD07V!Wm;^R2
I6iDU=0OPw4#Q*>R

diff --git a/src/App/mediarules.css b/src/App/mediarules.css
index b460fadc..7b248807 100644
--- a/src/App/mediarules.css
+++ b/src/App/mediarules.css
@@ -55,6 +55,27 @@
       .container-fluid {
         min-height: 100vh; 
       }
+      /***heading***/
+      .header-title{
+        min-height: 400px;
+        text-align: center;
+        align-items: center;
+        margin: auto !important;
+        padding: 0 30px;
+        font-size: 130px;
+        font-weight: 900;
+        line-height: 130px;
+      }
+      .header-container{
+        padding-top: 50px;
+        padding-bottom: 0px;
+        background-color: var(--ourbeige);
+      }
+      .base {
+        width: 100%;
+        background-color: var(--lightblue);
+        padding: 0px;
+    }
       /***footer***/
       footer {
           width: 100% !important; 
@@ -113,8 +134,8 @@
     /***Biosafty***/
     #safehead {
       background-size: contain; /* Adjust the image to fit within the container */
-      background-position: center 35%; /* Push the image down for better visibility */
-      height: 300px; /* Adjust the height for mobile screens */
+      background-position: center 25%; /* Push the image down for better visibility */
+      height: 10px; /* Adjust the height for mobile screens */
     }
     /***Description***/
     #Cystic\ Fibrosis6 h2 {
@@ -277,9 +298,9 @@ body {
     max-width: 100% !important;
     height: auto !important;
 }
-.container {
+/*.container {
     padding: 10px;
-  }
+  }*/
 
  .row{
     display: grid !important;
-- 
GitLab