fixing front page parallax elements to be centered in mobile

diff --git a/css/responsive.css b/css/responsive.css
index 0af877d..6b94d01 100644 (file)
--- a/css/responsive.css
+++ b/css/responsive.css
@@ -27,7 +27,6 @@ Responsive CSS
                display: none;
        }
 }
-
 @media screen and (max-width: 1000px){
     #masthead .flex-box{
         display: block;
@@ -240,11 +239,20 @@ Responsive CSS
     }
 }
 @media screen and (max-width: 480px){
+    .service-image{
+        margin: 0 auto 10px auto;
+        width: 60% !important;
+    }
        .parallax-section h1{
                font-size: 30px;
        }
        .service-list.odd .service-image{
-               float: left;
+        float: none;
+               /* float: left; */
+    }
+    .service-list.even .service-image{
+        float: none;
+               /* float: left; */
        }
        .service-list.odd .service-detail{
                float: right;