From 9a8eb00e847772c6c406d8bdf185d2e90a320fef Mon Sep 17 00:00:00 2001
From: Ian Weller <ian@gaslightmedia.com>
Date: Wed, 29 Mar 2017 09:46:47 -0400
Subject: [PATCH] I made some progressive changes.

After a talk with steve, I removed the graphic from the corner of the
featured image on the golf template.  Now the only locations for the
central swing graphic is under the navigation item and in the off canvas
under the same navigation item.  I might need to make the graphics
anchors.
---
 css/app.css                | 117 ++++++++++++++++++++-----------------
 page-golf-template.php     |  77 +-----------------------
 parts/off-canvas-menu.php  |   1 +
 scss/_left-off-canvas.scss |   6 +-
 scss/_main.scss            |  18 +++---
 scss/_page.header.scss     |   3 +
 scss/_settings.scss        |   2 +-
 7 files changed, 83 insertions(+), 141 deletions(-)

diff --git a/css/app.css b/css/app.css
index e950f73..a1a7d0d 100644
--- a/css/app.css
+++ b/css/app.css
@@ -1569,12 +1569,12 @@ button, .button {
   font-size: 1rem;
   background-color: #ffc742;
   border-color: #ffc742;
-  color: #FFFFFF;
+  color: #690433;
   transition: background-color 300ms ease-out; }
   button:hover, button:focus, .button:hover, .button:focus {
     background-color: #ffc742; }
   button:hover, button:focus, .button:hover, .button:focus {
-    color: #FFFFFF; }
+    color: #690433; }
   button.secondary, .button.secondary {
     background-color: #e7e7e7;
     border-color: #b9b9b9;
@@ -1586,27 +1586,27 @@ button, .button {
   button.success, .button.success {
     background-color: #43AC6A;
     border-color: #368a55;
-    color: #FFFFFF; }
+    color: #690433; }
     button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
       background-color: #368a55; }
     button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
-      color: #FFFFFF; }
+      color: #690433; }
   button.alert, .button.alert {
     background-color: #f04124;
     border-color: #cf2a0e;
-    color: #FFFFFF; }
+    color: #690433; }
     button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
       background-color: #cf2a0e; }
     button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
-      color: #FFFFFF; }
+      color: #690433; }
   button.warning, .button.warning {
     background-color: #f08a24;
     border-color: #cf6e0e;
-    color: #FFFFFF; }
+    color: #690433; }
     button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus {
       background-color: #cf6e0e; }
     button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus {
-      color: #FFFFFF; }
+      color: #690433; }
   button.info, .button.info {
     background-color: #a0d3e8;
     border-color: #61b6d9;
@@ -1614,7 +1614,7 @@ button, .button {
     button.info:hover, button.info:focus, .button.info:hover, .button.info:focus {
       background-color: #61b6d9; }
     button.info:hover, button.info:focus, .button.info:hover, .button.info:focus {
-      color: #FFFFFF; }
+      color: #690433; }
   button.large, .button.large {
     padding: 1.125rem 2.25rem 1.1875rem 2.25rem;
     font-size: 1.25rem; }
@@ -1641,14 +1641,14 @@ button, .button {
   button.disabled, button[disabled], .button.disabled, .button[disabled] {
     background-color: #ffc742;
     border-color: #ffc742;
-    color: #FFFFFF;
+    color: #690433;
     box-shadow: none;
     cursor: default;
     opacity: 0.7; }
     button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
       background-color: #ffc742; }
     button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
-      color: #FFFFFF; }
+      color: #690433; }
     button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
       background-color: #ffc742; }
     button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
@@ -1667,40 +1667,40 @@ button, .button {
     button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
       background-color: #43AC6A;
       border-color: #368a55;
-      color: #FFFFFF;
+      color: #690433;
       box-shadow: none;
       cursor: default;
       opacity: 0.7; }
       button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
         background-color: #368a55; }
       button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
-        color: #FFFFFF; }
+        color: #690433; }
       button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
         background-color: #43AC6A; }
     button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
       background-color: #f04124;
       border-color: #cf2a0e;
-      color: #FFFFFF;
+      color: #690433;
       box-shadow: none;
       cursor: default;
       opacity: 0.7; }
       button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
         background-color: #cf2a0e; }
       button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
-        color: #FFFFFF; }
+        color: #690433; }
       button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
         background-color: #f04124; }
     button.disabled.warning, button[disabled].warning, .button.disabled.warning, .button[disabled].warning {
       background-color: #f08a24;
       border-color: #cf6e0e;
-      color: #FFFFFF;
+      color: #690433;
       box-shadow: none;
       cursor: default;
       opacity: 0.7; }
       button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
         background-color: #cf6e0e; }
       button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
-        color: #FFFFFF; }
+        color: #690433; }
       button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
         background-color: #f08a24; }
     button.disabled.info, button[disabled].info, .button.disabled.info, .button[disabled].info {
@@ -1713,7 +1713,7 @@ button, .button {
       button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
         background-color: #61b6d9; }
       button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
-        color: #FFFFFF; }
+        color: #690433; }
       button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
         background-color: #a0d3e8; }
 
@@ -4591,11 +4591,11 @@ meta.foundation-mq-topbar {
         padding-right: 0.8333333333rem;
         background-color: #008CBA;
         border-color: #007095;
-        color: #FFFFFF; }
+        color: #690433; }
         .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
           background-color: #007095; }
         .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
-          color: #FFFFFF; }
+          color: #690433; }
       .top-bar-section ul li > a.button.secondary {
         background-color: #e7e7e7;
         border-color: #b9b9b9;
@@ -4607,27 +4607,27 @@ meta.foundation-mq-topbar {
       .top-bar-section ul li > a.button.success {
         background-color: #43AC6A;
         border-color: #368a55;
-        color: #FFFFFF; }
+        color: #690433; }
         .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus {
           background-color: #368a55; }
         .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus {
-          color: #FFFFFF; }
+          color: #690433; }
       .top-bar-section ul li > a.button.alert {
         background-color: #f04124;
         border-color: #cf2a0e;
-        color: #FFFFFF; }
+        color: #690433; }
         .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
           background-color: #cf2a0e; }
         .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
-          color: #FFFFFF; }
+          color: #690433; }
       .top-bar-section ul li > a.button.warning {
         background-color: #f08a24;
         border-color: #cf6e0e;
-        color: #FFFFFF; }
+        color: #690433; }
         .top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus {
           background-color: #cf6e0e; }
         .top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus {
-          color: #FFFFFF; }
+          color: #690433; }
       .top-bar-section ul li > a.button.info {
         background-color: #a0d3e8;
         border-color: #61b6d9;
@@ -4635,18 +4635,18 @@ meta.foundation-mq-topbar {
         .top-bar-section ul li > a.button.info:hover, .top-bar-section ul li > a.button.info:focus {
           background-color: #61b6d9; }
         .top-bar-section ul li > a.button.info:hover, .top-bar-section ul li > a.button.info:focus {
-          color: #FFFFFF; }
+          color: #690433; }
     .top-bar-section ul li > button {
       font-size: 1.125rem;
       padding-left: 0.8333333333rem;
       padding-right: 0.8333333333rem;
       background-color: #008CBA;
       border-color: #007095;
-      color: #FFFFFF; }
+      color: #690433; }
       .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
         background-color: #007095; }
       .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
-        color: #FFFFFF; }
+        color: #690433; }
       .top-bar-section ul li > button.secondary {
         background-color: #e7e7e7;
         border-color: #b9b9b9;
@@ -4658,27 +4658,27 @@ meta.foundation-mq-topbar {
       .top-bar-section ul li > button.success {
         background-color: #43AC6A;
         border-color: #368a55;
-        color: #FFFFFF; }
+        color: #690433; }
         .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
           background-color: #368a55; }
         .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
-          color: #FFFFFF; }
+          color: #690433; }
       .top-bar-section ul li > button.alert {
         background-color: #f04124;
         border-color: #cf2a0e;
-        color: #FFFFFF; }
+        color: #690433; }
         .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
           background-color: #cf2a0e; }
         .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
-          color: #FFFFFF; }
+          color: #690433; }
       .top-bar-section ul li > button.warning {
         background-color: #f08a24;
         border-color: #cf6e0e;
-        color: #FFFFFF; }
+        color: #690433; }
         .top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus {
           background-color: #cf6e0e; }
         .top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus {
-          color: #FFFFFF; }
+          color: #690433; }
       .top-bar-section ul li > button.info {
         background-color: #a0d3e8;
         border-color: #61b6d9;
@@ -4686,7 +4686,7 @@ meta.foundation-mq-topbar {
         .top-bar-section ul li > button.info:hover, .top-bar-section ul li > button.info:focus {
           background-color: #61b6d9; }
         .top-bar-section ul li > button.info:hover, .top-bar-section ul li > button.info:focus {
-          color: #FFFFFF; }
+          color: #690433; }
     .top-bar-section ul li:hover:not(.has-form) > a {
       background-color: #1479b0;
       color: #FFFFFF;
@@ -6431,14 +6431,14 @@ h1, h2, h3, h4, h5, h6 {
     font-size: 1rem;
     background-color: #ffc742;
     border-color: #ffc742;
-    color: #FFFFFF;
+    color: #690433;
     transition: background-color 300ms ease-out;
     display: block;
     margin: 0 auto; }
     .ninja-forms-form-wrap input[type=submit]:hover, .ninja-forms-form-wrap input[type=submit]:focus {
       background-color: #ffc742; }
     .ninja-forms-form-wrap input[type=submit]:hover, .ninja-forms-form-wrap input[type=submit]:focus {
-      color: #FFFFFF; }
+      color: #690433; }
 
 /* For fixing cellphones not showing phone numbers because of /helpful/ auto-coloring */
 a[href^=tel] {
@@ -6528,6 +6528,9 @@ header#page-header {
     position: absolute;
     top: 0;
     right: 0; }
+    @media screen and (max-width: 1055px) {
+      .golf-container #golf-logo {
+        display: none; } }
 
 ul#sec-nav {
   display: inline-block;
@@ -6970,19 +6973,20 @@ main #mid {
       #head-img .featured-image {
         margin-top: -140px;
         min-height: 170px; } }
-  #head-img #golf-logo {
-    position: absolute;
-    bottom: 20px;
-    right: 25px;
-    -webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.8);
-    -moz-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.8);
-    -ms-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.8);
-    box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.8); }
 
 main#golf-template h2#slide-text {
   margin-top: -85px; }
 main#golf-template img.orb-shadow {
   top: 0; }
+  @media screen and (max-width: 797px) {
+    main#golf-template img.orb-shadow {
+      top: -2px; } }
+  @media screen and (max-width: 735px) {
+    main#golf-template img.orb-shadow {
+      top: -4px; } }
+  @media screen and (max-width: 547px) {
+    main#golf-template img.orb-shadow {
+      top: -6px; } }
 main#golf-template #content-wrapper {
   top: 0; }
 main#golf-template ul.sidenav {
@@ -7104,14 +7108,14 @@ h2#slide-text {
     font-size: 1rem;
     background-color: #ffc742;
     border-color: #ffc742;
-    color: #FFFFFF;
+    color: #690433;
     transition: background-color 300ms ease-out;
     display: block;
     margin: 0 auto; }
     .ninja-forms-form-wrap input[type=submit]:hover, .ninja-forms-form-wrap input[type=submit]:focus {
       background-color: #ffc742; }
     .ninja-forms-form-wrap input[type=submit]:hover, .ninja-forms-form-wrap input[type=submit]:focus {
-      color: #FFFFFF; }
+      color: #690433; }
 
 #ui-datepicker-div .ui-datepicker-header, #ui-datepicker-div .ui-datepicker-calendar th, #ui-datepicker-div .ui-datepicker-calendar td {
   padding: 1px !important; }
@@ -7244,13 +7248,13 @@ h2#slide-text {
   padding: 0.75rem 1.5rem 0.8125rem 1.5rem;
   background-color: #690433;
   border-color: #540329;
-  color: #FFFFFF;
+  color: #690433;
   border-radius: 3px;
   transition: background-color 300ms ease-out; }
   #glm-event-wrapper #glm-events-search-form .button:hover, #glm-event-wrapper #glm-events-search-form .button:focus {
     background-color: #540329; }
   #glm-event-wrapper #glm-events-search-form .button:hover, #glm-event-wrapper #glm-events-search-form .button:focus {
-    color: #FFFFFF; }
+    color: #690433; }
 #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group {
   list-style: none;
   margin: 0;
@@ -7283,14 +7287,14 @@ h2#slide-text {
     width: 100%;
     background-color: #690433;
     border-color: #540329;
-    color: #FFFFFF;
+    color: #690433;
     border-radius: 3px;
     transition: background-color 300ms ease-out;
     margin-bottom: 1px; }
     #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group .shortcuts-button:hover, #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group .shortcuts-button:focus {
       background-color: #540329; }
     #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group .shortcuts-button:hover, #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group .shortcuts-button:focus {
-      color: #FFFFFF; }
+      color: #690433; }
   #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group > li {
     float: none;
     display: list-item;
@@ -7332,14 +7336,14 @@ h2#slide-text {
   padding: 0.75rem 1.5rem 0.8125rem 1.5rem;
   background-color: #008752;
   border-color: #006c42;
-  color: #FFFFFF;
+  color: #690433;
   border-radius: 3px;
   transition: background-color 300ms ease-out;
   width: 220px; }
   #glm-event-wrapper button#glm-event-add-event:hover, #glm-event-wrapper button#glm-event-add-event:focus {
     background-color: #006c42; }
   #glm-event-wrapper button#glm-event-add-event:hover, #glm-event-wrapper button#glm-event-add-event:focus {
-    color: #FFFFFF; }
+    color: #690433; }
 #glm-event-wrapper p {
   margin-left: 15px; }
 #glm-event-wrapper .glm-event-day-row {
@@ -8124,12 +8128,17 @@ aside.left-off-canvas-menu ul.open {
       list-style: none; }
   .left-off-canvas-menu ul {
     list-style: none;
+    margin-bottom: 0;
     padding: 10px 0; }
     .left-off-canvas-menu ul li a {
       color: #FFFFFF; }
     .left-off-canvas-menu ul li ul {
       list-style: none; }
 
+#off-canvas-golf {
+  margin-bottom: 20px;
+  margin-left: 1.1rem; }
+
 input.button {
   margin-left: 25px;
   padding: 10px; }
diff --git a/page-golf-template.php b/page-golf-template.php
index 57de1e2..ef8f158 100644
--- a/page-golf-template.php
+++ b/page-golf-template.php
@@ -3,85 +3,10 @@
  * Template Name: Golf Template
  */
 ?>
-<!doctype html>
-<html class="no-js" lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title><?php wp_title(); ?></title>
-    <link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri() ; ?>/css/app.css?v=1.2.21">
-      <link rel="shortcut icon" href="<?php echo get_stylesheet_directory_uri(); ?>/favicon.ico">
-    <link href='//fonts.googleapis.com/css?family=Open+Sans:400,400italic,700' rel='stylesheet' type='text/css'>
-    <link href='//fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
-    <link href='//fonts.googleapis.com/css?family=Euphoria+Script' rel='stylesheet' type='text/css'>
-    <!-- Facebook Pixel Code -->
-    <script>
-        !function(f,b,e,v,n,t,s)
-        {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
-        n.callMethod.apply(n,arguments):n.queue.push(arguments)};
-        if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
-        n.queue=[];t=b.createElement(e);t.async=!0;
-        t.src=v;s=b.getElementsByTagName(e)[0];
-        s.parentNode.insertBefore(t,s)}(window,document,'script',
-        'https://connect.facebook.net/en_US/fbevents.js');
-        fbq('init', '1690921537794421'); 
-        fbq('track', 'PageView');
-    </script>
-    <noscript>
-        <img height="1" width="1" src="https://www.facebook.com/tr?id=1690921537794421&ev=PageView&noscript=1"/>
-    </noscript>
-    <!-- End Facebook Pixel Code -->
-    <?php wp_head(); ?>
-  </head>
-  <body data-grid-framework="f4" data-grid-color="blue" data-grid-opacity="0.5" data-grid-zindex="10" data-grid-gutterwidth="30px" data-grid-nbcols="16">
-<!--
-Framework codes: b3 (Bootstrap 3 fixed), b3f (Bootstrap 3 fluid), bo (Bootstrap 2 fixed), bf (Bootstrap 2 fluid), f4 (Foundation 4 & 5), f3 (Foundation 3), f2 (Foundation 2).
-Note 1: 'Gutter width' parameter only applies to gutterless grid systems (Bootstrap 3, Foundation 4 & 5).
-Note 2: 'Nb cols' parameter for Bootstrap only.
--->
-      <div class="off-canvas-wrap" data-offcanvas>
-        <div class="inner-wrap">
-            <div id="page-wrapper">
-                    <header id="page-header">
-
-                        <div id="top" class="row collapse">
-                            <div class="large-4 columns show-for-large-up social">
-                                <a target="_blank" href="https://www.facebook.com/pages/Mount-Pleasant-Area-Convention-and-Visitors-Bureau/55686552727"><img alt="Facebook" src="<?php bloginfo('template_url'); ?>/assets/facebook-icon.png"></a>
-                                <a target="_blank" href="https://twitter.com/MtPleasantCVB"><img alt="Twitter" src="<?php bloginfo('template_url'); ?>/assets/twitter-icon.png"></a>
-                                <a target="_blank" href="http://www.youtube.com/user/mountpleasantwow"><img alt="YouTube" src="<?php bloginfo('template_url'); ?>/assets/youtube-icon.png"></a>
-                                <a target="_blank" href="https://instagram.com/mtpleasantcvb"><img alt="Instagram" src="<?php bloginfo('template_url'); ?>/assets/instagram.png"></a>
-                                <?php $newsPage = get_post(5158);?>
-                                <?php if($newsPage):?>
-                                <a href="<?php echo get_page_link($newsPage->ID);?>"><img alt="Blog" src="<?php bloginfo('template_url'); ?>/assets/blog-icon.png"></a>
-                                <?php endif;?>
-                            </div>
-                            <div id="logo" class="medium-8 large-4 columns show-for-medium-up text-center">
-                                <a href="<?php bloginfo('url'); ?>"><img class="text-center" alt="Mount Pleasant logo" src="<?php bloginfo('template_url'); ?>/assets/mt-pleasant-pure-mi-logo.png"></a>
-                            </div>
-                            <div class="search-top medium-3 columns show-for-medium-up">
-                                <?php get_template_part('parts/search');?>
-                                <ul id="sec-nav" class="right">
-                                    <li><a href="<?php bloginfo('url'); ?>">Home</a></li>
-                                    <?php $contactPage = get_post(3038);?>
-                                    <?php if($contactPage):?>
-                                    <li><a href="<?php echo get_page_link($contactPage->ID);?>">Contact</a></li>
-                                    <?php endif;?>
-                                </ul>
-<!--
-                                <?php //if (is_front_page()) { ?>
-                                     
-                                <?php //} ?>
--->
-                            </div>
-                        </div>
-                        <?php get_template_part('parts/top-bar');?>
-                        <a id="sm-logo" class="show-for-small-down text-center" href="<?php bloginfo('url'); ?>"><img alt="Mount Pleasant logo" src="<?php bloginfo('template_url'); ?>/assets/mt-pleasant-pure-mi-logo.png"></a>
-                    </header>
-                    <?php get_template_part('parts/off-canvas-menu');?>
+<?php get_header(); ?>
 <main id="golf-template" class="page-inside">
     <div id="head-img">
         <?php echo glm_get_background(); ?>
-        <div id="golf-logo"><img alt="Michigan's Central Swing" src="<?php bloginfo('template_url'); ?>/assets/central-swing-logo-interior.jpg"></div>
     </div>
     <div class="row">
         <div class="small-12 columns">
diff --git a/parts/off-canvas-menu.php b/parts/off-canvas-menu.php
index 9da354b..0a58899 100644
--- a/parts/off-canvas-menu.php
+++ b/parts/off-canvas-menu.php
@@ -1,6 +1,7 @@
 <aside class="left-off-canvas-menu hide-for-large-up">
     <?php //glm_offcanvas_menu(); ?>
     <?php mountpleasantcvb_mobile_off_canvas(); ?>
+    <img id="off-canvas-golf" alt="Michigan's Central Swing" src="<?php bloginfo('template_url'); ?>/assets/central-swing-logo-interior.jpg">
     <form role="search" method="get" id="formsearch" action="<?php echo home_url('/'); ?>">
         <input class="search-input" type="search" placeholder="SEARCH" value="" name="s" id="off-search">
         <input type="submit" class="button" name="submit" value="Search">
diff --git a/scss/_left-off-canvas.scss b/scss/_left-off-canvas.scss
index b4a4a00..1497fc3 100644
--- a/scss/_left-off-canvas.scss
+++ b/scss/_left-off-canvas.scss
@@ -63,7 +63,7 @@ aside.left-off-canvas-menu ul.open {
         }
         ul {
             list-style: none;
-
+            margin-bottom: 0;
             padding: 10px 0;
             li {
                 a {
@@ -75,6 +75,10 @@ aside.left-off-canvas-menu ul.open {
             }
         }
 }
+#off-canvas-golf {
+    margin-bottom: 20px;
+    margin-left: 1.1rem;
+}
 input.button {
     margin-left: 25px;
     padding: 10px;
diff --git a/scss/_main.scss b/scss/_main.scss
index 82d6c86..51f3f9c 100644
--- a/scss/_main.scss
+++ b/scss/_main.scss
@@ -359,15 +359,6 @@ main {
             min-height: 170px;
         }
     }
-    #golf-logo {
-        position: absolute;
-        bottom: 20px;
-        right: 25px;
-        -webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.8);
-        -moz-box-shadow: 0 0 5px 5px rgba(0,0,0,0.8);
-        -ms-box-shadow: 0 0 5px 5px rgba(0,0,0,0.8);
-        box-shadow: 0 0 5px 5px rgba(0,0,0,0.8);
-    }
 }
 main#golf-template{
     h2#slide-text {
@@ -375,6 +366,15 @@ main#golf-template{
     }
     img.orb-shadow {
         top: 0;
+        @media screen and (max-width: 797px) {
+            top: -2px;
+        }
+        @media screen and (max-width: 735px) {
+            top: -4px;
+        }
+        @media screen and (max-width: 547px) {
+            top: -6px;
+        }
     }
     #content-wrapper{
         top: 0;
diff --git a/scss/_page.header.scss b/scss/_page.header.scss
index beb5508..0fc0b44 100644
--- a/scss/_page.header.scss
+++ b/scss/_page.header.scss
@@ -131,6 +131,9 @@ header#page-header {
         position: absolute;
         top: 0;
         right: 0;
+        @media screen and (max-width: 1055px){
+            display: none;
+        }
     }
 }
 ul#sec-nav {
diff --git a/scss/_settings.scss b/scss/_settings.scss
index 9ebfa5f..bd9e56e 100644
--- a/scss/_settings.scss
+++ b/scss/_settings.scss
@@ -451,7 +451,7 @@ $small-font-color: scale-color($header-font-color, $lightness: 35%);
 
 // We use these to control button text styles.
 // $button-font-family: $body-font-family;
-// $button-font-color: $white;
+ $button-font-color: $maroon;
 // $button-font-color-alt: $oil;
 // $button-font-tny: rem-calc(11);
 // $button-font-sml: rem-calc(13);
-- 
2.17.1