Style edits. Mobile view formatting mostly. @media

diff --git a/css/app.css b/css/app.css
index 39de932..241e840 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -5954,7 +5954,7 @@ article h2 {
 .homepage_box_arrow {
   width: 100%;
   position: absolute;
-  bottom: 10px; }
+  bottom: 0px; }
 
 .homepage_box_arrow > div {
   background-image: url("../assets/img/images/arrowOrangeRight.png");
@@ -5968,6 +5968,9 @@ article h2 {
 #homepage_portfolio {
   text-align: center; }
 
+#homepage_portfolio p, #homepage_problem_solvers p {
+  padding: 0 40px; }
+
 #homepage_testimonials {
   width: 100%;
   height: 165px;
@@ -5998,7 +6001,11 @@ article h2 {
 @media (max-width: 480px) {
   #homepage_testimonials {
     height: 290px;
-    font-size: 0.9rem !important; } }
+    font-size: 0.9rem !important; }
+  .homepage_box_title {
+    margin: 10px; }
+  .homepage_box_arrow {
+    bottom: -10px; } }
 
 @media (max-width: 320px) {
   #homepage_testimonials {

diff --git a/scss/site/_structure.scss b/scss/site/_structure.scss
index 127a7dd..9d928f1 100644 (file)
--- a/scss/site/_structure.scss
+++ b/scss/site/_structure.scss
@@ -438,7 +438,7 @@ article h2 {
     .homepage_box_arrow {
         width: 100%;
         position: absolute;
-        bottom: 10px;
+        bottom: 0px;
     }
     .homepage_box_arrow > div {
         background-image: url("../assets/img/images/arrowOrangeRight.png");
@@ -451,6 +451,10 @@ article h2 {
     }
     #homepage_portfolio {
         text-align:center;
+    }
+    #homepage_portfolio p,
+    #homepage_problem_solvers p {
+        padding: 0 40px;
         
     }
     #homepage_testimonials {
@@ -490,6 +494,12 @@ article h2 {
             height: 290px;
             font-size: 0.9rem !important;
         }
+        .homepage_box_title {
+            margin: 10px;
+        }
+        .homepage_box_arrow {
+            bottom: -10px;
+        }
     }
     @media (max-width: 320px) {
         #homepage_testimonials {