.layout-main {
  position: relative;
  height: 100%;
  max-height: 100%; }

.content-container {
  margin: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  font-size: 14px;
  display: flex;
  flex-direction: column; }
  .content-container .content-container-inner {
    margin: 0;
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    width: 100%; }
    .content-container .content-container-inner .content-header {
      background: #faf8f2;
      border-bottom: 1px solid #d9d2c4; }
    .content-container .content-container-inner .content-main {
      background: #f4f0e6;
      height: 500px;
      max-height: 500px; }

@media (max-width: 768px) {
  .layout-main {
    height: auto;
    max-height: none; }
  .content-container {
    position: static;
    height: auto; }
    .content-container .content-container-inner {
      overflow: visible; } }
