@import url("menu-clean.css");

/* Keeps the footer at the bottom of the viewport on pages with little content. */
.container {
  min-height: calc(100vh - 118px);
  display: flex;
  flex-direction: column;
}

.container > article,
.short-page-content {
  flex: 0 0 auto;
}

.short-page-content {
  overflow: auto;
}

.site-footer {
  margin-top: auto;
}

@media (max-width: 800px) {
  .container {
    min-height: calc(100vh - 108px);
  }
}

@media (max-width: 560px) {
  .container {
    min-height: calc(100vh - 56px);
  }
}