html, body {
  margin: 0;
  height: 100%;
}

div#arredemo-app  {
  margin: 0;
  height: 100%;

  .main {
    margin: 0;
    height: 100%;

    div.body {
            
      // Positioning
      position: relative;
      margin-top: calc(var(--header-grid-height) + 1em);
      width: 100%;
      padding: 0 2em;
        
      @media screen and (max-width: 600px) {
        margin-top: calc(var(--header-grid-height-resp) + 1em);
        padding: 0 1em;
        //background-color: #EAEAEA;
      }

      &.with-menu {
        div.content {

          // Positioning
          margin-left: var(--menu-width-web);
        
          @media screen and (max-width: 600px) {
            margin-left: 0;
          }
        }
        
      }
    }
  }
}