@media screen and (min-width:768px) { 

}

.two-column-layout{
    /* display: flex;
    height: auto;
    align-items: stretch; */
    position: relative;
}
.layout-main{
    /* flex: 1; */
}
.layout-side{
    width: var(--layout-aside-area-width);
    /* flex-shrink: 0; */
    position: absolute;
    top: clamp(10px,2vw,20px);
    right: 0;
    bottom: clamp(10px,2vw,20px);
    z-index: 9997;
}
@media screen and (max-width: 768px) {
    .layout-side {
      position: fixed;
      top: auto;
      bottom: 0;
      right: 0;
      left: 0;
      width: 100%;
      display: flex;
      justify-content: space-around; 
      padding: 10px; 
      z-index: 9999;
    }
  }