/* Sticky footer styles
 *  *       -------------------------------------------------- */

      html,
      body {
        height: 100%;
        /* The html and body elements cannot have any padding or margin. */
      }

      /* Wrapper for page content to push down footer */
      #wrap {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        /* Negative indent footer by it's height */
        margin: 0 auto -280px;
      }

      /* Set the fixed height of the footer here */
      #push,
      #footer {
        height: 280px;
      }

      /* Lastly, apply responsive CSS fixes as necessary */
      @media (max-width: 767px) {
        #footer {
        height: 440px;
          xmargin-left: -20px;
          xmargin-right: -20px;
          xpadding-left: 20px;
          xpadding-right: 20px;
        }
      }
~                                                                                                                                                         
~