.flex-container {
  display: flex;
  overflow: hidden;
}
.flex-container > * {
  flex: 0 0 auto;
}
.stretchy {
  flex: 1 1 auto;
}
.column {
  flex-direction: column;
}
html,
body,
.full-screen {
  height: 100%;
}
body {
  margin: 0;
  background-image: url('/img/bg-middle-tile.jpg');
  background-size: cover;
}
.full-screen {
  display: flex;
  overflow: hidden;
  flex-direction: column;
}
.full-screen > * {
  flex: 0 0 auto;
}
.full-screen > .header {
  height: 50px;
  color: white;
}
.full-screen > .footer {
  height: 50px;
  background: #165217;
  color: white;
}
.full-screen > .main {
  flex: 1 1 auto;
  display: flex;
  overflow: hidden;
}
.full-screen > .main > * {
  flex: 0 0 auto;
}
.full-screen > .main > .left {
  width: 247px;
}
.full-screen > .main > .middle {
  flex: 1 1 auto;
}
/*# sourceMappingURL=site.css.map */