/* Sticky footer pattern */
#page {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.site-main {
  flex: 1;
}
main, #content, .site-content {
  flex: 1;
}

.app-footer {
  width: 100%;
  background: #222;
  color: #fff;
  padding: 15px;
  text-align: center;
  margin-top: auto; /* pushes footer to bottom if content is short */
}