updated mobile issue

Author: DoctorMod

Temp/index.html

@@ -195,15 +195,15 @@ <h6>MBBS FRACS</h6>
   <div class="SeperatorBackground" id="aboutSep">
     <div class="Row">
       <div class="SeperatorText">
-        <h1>Contact Info</h1>
+        <h1>Contact Infoaaaa</h1>
       </div>
     </div>
   </div>
 
   <div class="container">
 
-    <div class="Row toCenter">
-      <article>
+    <div class="Row">
+      <article class="toCenter">
         <p><strong>Opening times:</strong></p>
         <ul>
           <li>
@@ -221,7 +221,7 @@ <h1>Contact Info</h1>
             </li>
         </ul>
       </article>
-      <article class="Right">
+      <article class="Right toCenter">
         <p><strong>Location:</strong></p>
         <p>SJOG Medical Centre<br/>Suite 11A, Thirlmere Road<br/>MOUNT LAWLEY WA 6050 <br/>
           Phone: <a href="tel:0893709329">(08) 9370 9329</a></p>

Temp/style.css

@@ -2,6 +2,7 @@ html, body {
   margin: 0;
   padding: 0;
   font-family: sans-serif;
+  width: 100%;
 }
 
 .Logo {
@@ -136,7 +137,8 @@ nav ul li a:hover {
     padding: 0 5em;
   }
   #aboutSep {
-    margin-top: 12em;
+    margin-top: 20em;
+    height: 100px;
   }
   footer {
     margin-top: 10em;
@@ -150,12 +152,11 @@ nav ul li a:hover {
     margin: 0;
   }
   .Mobile {
-    display: initial;
+    display: initial !important;
   }
   .toCenter {
-    width: 50%;
-    text-align: center;
-    display: block;
-    margin: auto;
+    width: 45%;
+  padding: 0 20px;
+  display: inline-block;
   }
 }