Adding a bottom padding in user login page

themes/zuitedesk/css/pages.css

@@ -65,6 +65,7 @@ body.not-logged-in[class*="page-user"] {
   -o-background-size: cover;
 	background-size: cover;
   min-height: 100%;
+  padding-bottom: 80px;
 }
 body.not-logged-in[class*="page-user"] #main {
   margin: 20px auto 0;

themes/zuitedesk/templates/page-front.tpl.php

@@ -264,7 +264,7 @@ if ($site_name) print '<meta property="og:site_name" content="'. $site_name ."\"
 			<!-- Start details for 6 -->
       <div id="slidingDiv5" class="toggleDiv row-fluid single-project">
         <div class="span6">
-          <img src="<?php print $base_path . $directory; ?>/images/frontpage/Responsive.png" alt="<?php print 'Responsive Design'; ?>" />
+          <img src="<?php print $base_path . $directory; ?>/images/frontpage/Responsive.jpg" alt="<?php print 'Responsive Design'; ?>" />
         </div>
         <div class="span6">
           <div class="project-description">
@@ -341,7 +341,7 @@ if ($site_name) print '<meta property="og:site_name" content="'. $site_name ."\"
         </li>
 				<li class="span4 mix web">
           <div class="thumbnail">
-            <img src="<?php print $base_path . $directory; ?>/images/frontpage/Responsive.png" alt="<?php print 'Responsive Design'; ?>" />
+            <img src="<?php print $base_path . $directory; ?>/images/frontpage/Responsive.jpg" alt="<?php print 'Responsive Design'; ?>" />
             <a href="#single-project" class="show_hide more" rel="#slidingDiv5">
               <i class="icon-plus"></i>
             </a>