Contain image, add download link below

diff --git a/styles.css b/styles.css
index 9128ca1..5912c3a 100644 (file)
--- a/styles.css
+++ b/styles.css
@@ -342,7 +342,7 @@ cursor: pointer;
     padding-left: 30px;
     }
 #brochure {
-    background: url("assets/2016 cover.png") no-repeat center top;
+    background: url("assets/2016 cover.png") no-repeat center top / contain;
     padding-top: 240px;
     display: block;
     text-align: center;

diff --git a/templates/template.html b/templates/template.html
index e792dcd..4d8db74 100644 (file)
--- a/templates/template.html
+++ b/templates/template.html
@@ -135,7 +135,8 @@ $(function() {
                         <section id="bar">
                             <div class="row">
                                 <div class="small-12 medium-12 columns">
-                                    <a href="{baseURLDefined:h}assets/2016 Schedule and Brochure.pdf" id="brochure"><span>Download our Brochure</span></a>
+                                    <a href="{baseURLDefined:h}assets/2016 Schedule and Brochure.pdf" id="brochure"></a>
+                                    <a href="{baseURLDefined:h}assets/2016 Schedule and Brochure.pdf" id="brochure_text"><span>Download our Brochure</span></a>
                                 </div>
                                 <div class="small-12 medium-12 columns">
                                     <img src="{mediaBaseURL:h}assets/passport.png" id="passport">