going back to morning format

diff --git a/css/app.css b/css/app.css
index 96ea994..896c8a1 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6701,34 +6701,24 @@ h2#block-title {
   #slideshow .nivo-caption {
     background: transparent;
     position: absolute;
-    max-width: 500px;
-    left: 20%;
+    max-width: 1200px;
+    left: 0;
+    right: 0;
     float: none;
     margin: 0 auto;
-    top: 10%;
-    max-height: 250px; }
-    @media screen and (max-width: 929px) {
-      #slideshow .nivo-caption {
-        background: #000000; } }
-    @media only screen and (max-width: 40em) {
-      #slideshow .nivo-caption {
-        position: relative; } }
+    top: 10%; }
     #slideshow .nivo-caption h6 {
       width: 400px;
       font-weight: bold;
-      font-size: 28;
-      padding: 0 5px; }
-      @media screen and (max-width: 929px) {
-        #slideshow .nivo-caption h6 {
-          width: auto; } }
+      font-size: 28; }
     #slideshow .nivo-caption p {
       width: 400px;
       letter-spacing: 0.1em;
       font-size: 18px;
       padding: 0; }
-      @media screen and (max-width: 929px) {
+      @media screen and (max-width: 1024px) {
         #slideshow .nivo-caption p {
-          width: auto; } }
+          display: none; } }
     #slideshow .nivo-caption a.button {
       text-transform: uppercase;
       background: transparent;

diff --git a/front-page.php b/front-page.php
index f1ff192..06eea45 100644 (file)
--- a/front-page.php
+++ b/front-page.php
@@ -6,19 +6,19 @@
     <div class="row medium-uncollapse large-collapse">
         <div class="small-12 columns">
             <div id="services" class="row">
-                <div class="small-6 medium-3 columns">
+                <div class="small-6 large-3 columns">
                     <img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/we-design-and-development-2.jpg">
                     
                 </div>
-                <div class="small-6 medium-3 columns">
+                <div class="small-6 large-3 columns">
                     <img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/search-engine-optimization-2.jpg">
                     
                 </div>
-                <div class="small-6 medium-3 columns">
+                <div class="small-6 large-3 columns">
                     <img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/website-hosting-2.jpg">
                     
                 </div>
-                <div class="small-6 medium-3 columns">
+                <div class="small-6 large-3 columns">
                     <img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/email-services-2.jpg">
                     
                 </div>

diff --git a/scss/_main.scss b/scss/_main.scss
index 504f409..48cb296 100644 (file)
--- a/scss/_main.scss
+++ b/scss/_main.scss
@@ -7,7 +7,6 @@ a:hover {
 .statements {
     background: $l-blue;
     padding: 32px 0;
-//    margin-bottom: 44px;
     h1 {
         img {
             @media #{$small-only} {

diff --git a/scss/_slideshow.scss b/scss/_slideshow.scss
index 7ec3cee..1fb1775 100644 (file)
--- a/scss/_slideshow.scss
+++ b/scss/_slideshow.scss
@@ -43,34 +43,25 @@
     .nivo-caption {
         background: transparent;
         position: absolute;
-        max-width: 500px;
-        left: 20%;
+        max-width: 1200px;
+        left: 0;
+        right: 0;
         float: none;
         margin: 0 auto;
         top: 10%;
-        max-height: 250px;
-        @media screen and (max-width: 929px) {
-            background: $black; 
-        }
-        @media #{$small-only}{
-            position: relative;
-        }
         h6 {
             width: 400px;
             font-weight: bold;
             font-size: (28);
-            padding: 0 5px;
-            @media screen and (max-width: 929px) {
-                width: auto;
-            }
         }
         p {
             width: 400px;
             letter-spacing: 0.1em;
             font-size: 18px;
             padding: 0;
-            @media screen and (max-width: 929px) {
-                width: auto;
+            
+            @media screen and (max-width: 1024px) {
+                display: none;
             }
         }
         a.button {