Fix the central swing large image

diff --git a/css/app.css b/css/app.css
index d5ffda6..eaf4b4d 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6489,10 +6489,12 @@ main.page-inside #content-wrapper {
 main #mid {
   margin: 40px auto 0;
   max-width: 1000px; }
+  main #mid img.mid-img-large {
+    height: 175px;
+    min-width: 1000px; }
   main #mid img {
     margin: 0 auto;
-    width: 100%;
-    /*height: 175px;*/ }
+    /*width: 100%;*/ }
   main #mid #golf {
     margin-bottom: 50px; }
     main #mid #golf h2 {

diff --git a/parts/interior-footer.php b/parts/interior-footer.php
index e681c69..bbf9bd1 100644 (file)
--- a/parts/interior-footer.php
+++ b/parts/interior-footer.php
@@ -1,5 +1,5 @@
 <div id="mid">
-    <img src="<?php bloginfo('template_url'); ?>/assets/central-swing-interior-pg-image.jpg">
+    <img class="mid-img-large" src="<?php bloginfo('template_url'); ?>/assets/central-swing-interior-pg-image.jpg">
     <div id="golf">
         <div class="row">
             <div id="request" class="small-12 small-text-center medium-text-left medium-4 large-3 columns">

diff --git a/scss/_main.scss b/scss/_main.scss
index 858766a..f65f267 100644 (file)
--- a/scss/_main.scss
+++ b/scss/_main.scss
@@ -308,10 +308,13 @@ main {
     #mid {
         margin: 40px auto 0;
         max-width: 1000px;
+        img.mid-img-large {
+            height: 175px;
+            min-width: 1000px;
+        }
         img { 
             margin: 0 auto;
-            width: 100%;
-            /*height: 175px;*/
+            /*width: 100%;*/
         }
         #golf {
             margin-bottom: 50px;