@media (min-width: 900px) {
  .layout[data-fullscreen="1"][data-mobile-preview="1"]{
    background: #e9eef3;
    min-height: 100vh;
  }

  .layout[data-fullscreen="1"][data-mobile-preview="1"] main.content{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  .layout[data-fullscreen="1"][data-mobile-preview="1"] .fsbar{
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
    border-left: 1px solid rgba(0,0,0,.08);
    border-right: 1px solid rgba(0,0,0,.08);
  }

  .layout[data-fullscreen="1"][data-mobile-preview="1"] main.content .container{
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
    background: #fff;
    min-height: calc(100vh - 56px);
    border-left: 1px solid rgba(0,0,0,.08);
    border-right: 1px solid rgba(0,0,0,.08);
  }
}

@media (max-width: 520px) {
  .grid.cols-2{
    grid-template-columns: 1fr !important;
  }
}