experimenting with viewport and background

templates/newbase.html

@@ -42,7 +42,7 @@
     <meta property="og:type" content="website">
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width">
 
     {% block og_image %}
     <meta property="og:image" content="https://rowsandall.com/static/img/logo_r.png" />

templates/newbasefront.html

@@ -42,7 +42,7 @@
     <meta property="og:type" content="website">
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width">
 
     {% block og_image %}
     <meta property="og:image" content="https://rowsandall.com/static/img/logo_r.png" />
@@ -128,16 +128,14 @@
     <style>
       .splash {
       background-color: transparent;
+      background-repeat: no-repeat;
       -webkit-background-size: cover;
       -moz-background-size: cover;
       -o-background-size: cover;
       background-size: cover;
-      min-height: 759px;
-      min-width: 1024px;
+      background-position: center;
       padding: 0;
       margin: 0;
-      width: auto;
-      height: 100%;
       }
       </style> 
 
@@ -288,8 +286,6 @@
 	{% endblock %}          
       </main>
 
-      
-
       <footer class="main-footer">
         <p>Follow us on
             <a href="https://twitter.com/rowsandall">
@@ -368,6 +364,8 @@
         </ul>
         </p>
       </footer>
+      
+
       {% analytical_body_bottom %}
       </div>
     </div>