Updated Viewport and Css Display

Author: DoctorMod

Temp/index.html

@@ -5,6 +5,7 @@
   <meta charset="utf-8">
   <link rel="stylesheet" type="text/css" href="style.css">
   <title>Surgical Care WA</title>
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
 
 </head>

Temp/style.css

@@ -93,7 +93,6 @@ nav ul li a:hover {
 }
 
 .SeperatorText {
-  width: 49%;
   padding: 0 20px;
   border-left: 4px solid #00afec;
   display: inline-block;
@@ -130,15 +129,20 @@ nav ul li a:hover {
   article {
     border: none !important;
   }
+  .SeperatorBackground {
+    padding: 1em 0;
+  }
+  img {
+    width: 100%;
+    height: initial;
+  }
   .Row article {
     width: 100%;
     margin-bottom: 1em;
     text-align: center;
-    padding: 0 5em;
   }
   #aboutSep {
     clear: both;
-    height: 100px;
   }
   footer {
     margin-top: 10em;
@@ -152,11 +156,11 @@ nav ul li a:hover {
     margin: 0;
   }
   .Mobile {
-    display: initial !important;
+    display: block !important;
   }
   .toCenter {
     width: 45%;
-  padding: 0 20px;
-  display: inline-block;
+    padding: 0 20px;
+    display: inline-block;
   }
 }