/* Footer is set at fixed height */
#footer {
  height: 225px;
}

#wrap {
  /* Negative indent footer by its height */
  margin-bottom: -225px;

  /* Pad bottom by footer height */
  padding-bottom: 225px;
}

/* Mobile */
@media (max-width: 767px) {
  #footer {
    height: 245px;
  }

  #wrap {
    /* Negative indent footer by its height */
    margin-bottom: -245px;

    /* Pad bottom by footer height */
    padding-bottom: 245px;
  }
}