.storymap-mobile-above .sidebar {
     position: sticky;
         top: 0;
         bottom: 0;
         right: 0;
         z-index: 1000;
         display: block;
         padding: 20px;
         overflow-x: hidden;
         overflow-y: hidden;
         height:30vh;
 }
    .storymap-layout-row:not(.storymap-mobile-above) .sidebar {
         position: sticky;
         top: 0;
         bottom: 0;
         right: 0;
         z-index: 1000;
         display: block;
         padding: 20px;
         overflow-x: hidden;
         overflow-y: hidden;
         background-color: #f5f5f5;
         border-right: 1px solid #eee;
         height:100vh;
     }
 
 
 .main {
     padding: 20px;
 
     padding-bottom: 500px;
 }
 @media (min-width: 768px) {
     .main {
         padding-right: 40px;
         padding-left: 40px;
     }
 }
 .main .page-header {
     margin-top: 0;
 }
 
 .breakpoint-current {
     left: 0;
     margin-top: -10px;
     position: fixed;
    /* top: 33.3333%; */
     width: 3px;
     height: 3px;
     background: red;;
 }
 
 .viewing {
     background: #eee;
 }
 
 section {
     padding: 5px 10px 10px 10px;
     border-radius: 10px;
 }