.layout-blue
{
   background-color: #087ccd;
   color: white;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   visibility: visible;
   cursor: default;
}

.layout-red
{
   background-color: #F9554E;
   color: white;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   visibility: visible;
   cursor: default;
}

#layout
{
   z-index: 0;
}

.container
{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (min-width: 550px)
{
   #layout
   {
      overflow: auto;
   }
}