/* Sticky footer styles: unneeded with .navbar-fixed-bottom */

html {
  min-height: 100%;
  position: relative;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 220px;
}

.footer {
  bottom: 0;

  /* Set the fixed height of the footer here */
  height: 220px;

  position: absolute;
  width: 100%;
}

@media only screen and (max-width: 768px) {
  body {
    margin-bottom: 400px;
  }

  .footer {
    height: 400px;
  }
}

/* Other styles */

.footer {
  background-color: #333;
  color: #efefef;
  padding: 30px 0;
}