From 6c6659987269b57cb4cf98666baa2924091eec33 Mon Sep 17 00:00:00 2001 From: Anthony Talarico Date: Mon, 18 Jun 2018 16:24:12 -0400 Subject: [PATCH] fixing front page parallax elements to be centered in mobile --- css/responsive.css | 12 ++++++++++-- 1 file changed, 10 insertions(+), 2 deletions(-) diff --git a/css/responsive.css b/css/responsive.css index 0af877d..6b94d01 100644 --- 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; -- 2.17.1