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 -40px;
}

/* Set the fixed height of the footer here */
#push,
#footer {
  padding-top: 10px;
 	height: 40px;
}

#footer {
  border-top: 1px #EEE solid;
 background-color: #f5f5f5;
}

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