near finished with the front page

diff --git a/css/app.css b/css/app.css
index 4f42c76..2f95f81 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6520,8 +6520,7 @@ main {
 
 .statements {
   background: #f2f7fb;
-  padding: 32px 0;
-  margin-bottom: 70px; }
+  padding: 32px 0; }
   @media only screen and (max-width: 40em) {
     .statements h1 img {
       display: none; } }
@@ -6544,13 +6543,15 @@ main {
     display: inline-block;
     margin: 0 auto; } }
 
-#services img {
-  display: block;
-  float: none;
-  margin: 0 auto; }
-#services h5 {
-  display: block;
-  text-align: center; }
+#services {
+  margin: 70px 0; }
+  #services img {
+    display: block;
+    float: none;
+    margin: 0 auto; }
+  #services h5 {
+    display: block;
+    text-align: center; }
 
 main.page-inside .statements {
   margin-bottom: 15px; }
@@ -6604,24 +6605,37 @@ main.page-inside #content-wrapper #main-content h2 {
   display: block;
   background: rgba(0, 0, 0, 0.8); }
 
-#portfolio_contact a.portfolio {
+#portfolio_contact a#portfolio {
   height: 101px;
   width: 194px;
   background: url(../assets/view-our-portfolio.png) no-repeat;
   background-position: 0 0;
   display: inline-block;
   margin: 15px 0 50px; }
-  #portfolio_contact a.portfolio:hover {
+  #portfolio_contact a#portfolio:hover {
     background: url(../assets/view-our-portfolio.png) no-repeat;
     background-position: 0px -120px; }
+#portfolio_contact a#contact-button {
+  height: 69px;
+  width: 219px;
+  background: url(../assets/ready-to-get-started.jpg) no-repeat;
+  background-position: 0 0;
+  display: inline-block;
+  margin: 15px 0 50px; }
+  #portfolio_contact a#contact-button:hover {
+    background: url(../assets/ready-to-get-started.jpg) no-repeat;
+    background-position: 0px -78px; }
 
 #content-back {
   background: #f5822a;
-  padding: 70px 0; }
-  #content-back p {
+  padding: 70px 0;
+  margin-bottom: 70px; }
+  #content-back #main-content p {
     font-weight: 300;
     letter-spacing: 0.1em;
-    font-size: 1.5rem; }
+    font-size: 1.5rem;
+    color: #FFFFFF;
+    margin: 0; }
 
 #content-bulk #con {
   margin: 0; }

diff --git a/front-page.php b/front-page.php
index e03f374..5a93e15 100644 (file)
--- a/front-page.php
+++ b/front-page.php
@@ -44,10 +44,10 @@
             ?>
         </div>
         <div id="portfolio_contact" class="row">
-            <div class="small-11 medium-5 columns text-center small-centered">
-                <a class="portfolio" href="<?php echo get_permalink(94); ?>"></a>
+            <div class="small-11 small-offset-0 medium-5 medium-offset-2 columns small-centered medium-uncentered small-text-center medium-text-right">
+                <a id="portfolio" href="<?php echo get_permalink(94); ?>"></a>
             </div>
-            <div class="small-11 medium-5 columns small-centered text-center">
+            <div class="small-11 small-offset-0 medium-5 medium-offset-2 columns small-centered medium-uncentered small-text-center medium-text-left">
                 <a id="contact-button" href="<?php bloginfo('url');?>/contact-us/"></a>
             </div>
         </div>

diff --git a/scss/_main.scss b/scss/_main.scss
index 26c8a81..8d2c672 100644 (file)
--- a/scss/_main.scss
+++ b/scss/_main.scss
@@ -4,7 +4,7 @@ main {
 .statements {
     background: $l-blue;
     padding: 32px 0;
-    margin-bottom: 70px;
+//    margin-bottom: 44px;
     h1 {
         img {
             @media #{$small-only} {
@@ -34,6 +34,7 @@ main {
     }
 }
 #services {
+    margin: 70px 0;
     img {
         display: block;
         float: none;
@@ -122,7 +123,7 @@ main.page-inside {
     }
 }
 #portfolio_contact {
-    a.portfolio {
+    a#portfolio {
         height: 101px;
         width: 194px;
         background: url(../assets/view-our-portfolio.png) no-repeat;
@@ -133,16 +134,33 @@ main.page-inside {
             background: url(../assets/view-our-portfolio.png) no-repeat;
             background-position: 0px -120px;
         }
-    }    
+    }
+    a#contact-button {
+        height: 69px;
+        width: 219px;
+        background: url(../assets/ready-to-get-started.jpg) no-repeat;
+        background-position: 0 0;
+        display: inline-block;
+        margin: 15px 0 50px;
+        &:hover {
+            background: url(../assets/ready-to-get-started.jpg) no-repeat;
+            background-position: 0px -78px;
+        }
+    }
 }
 
 #content-back {
     background: $orange;
     padding: 70px 0;
-    p {
-        font-weight: 300;
-        letter-spacing: 0.1em;
-        font-size: rem-calc(24);
+    margin-bottom: 70px;
+    #main-content {
+        p {
+            font-weight: 300;
+            letter-spacing: 0.1em;
+            font-size: rem-calc(24);
+            color: $white;
+            margin: 0;
+        }
     }
 }
 //.breadcrumbs {