/* ===========================================================
   MOBILE LAYOUT
=========================================================== */
.menu-button{
    display: none;
    background: var(--panel);

}

.menu-button svg{
    transition:.25s;
}

.menu-button.active svg{
    transform:rotate(90deg);
}

@media (max-width: 900px){
    .menu-button{
        display:flex;
        align-items:center;
        justify-content:center;
    }
    .sidebar{
        position:fixed;
        top:0;
        left:-280px;
        width:220px;
        height:100vh;
        z-index:1000;
        transition:left .28s ease;
        box-shadow:0 20px 40px rgba(0,0,0,.35);
    }
    .sidebar.open{
        left:0;
    }
    #mobileOverlay.show{
        opacity:1;
        visibility:visible;
    }
    .content{
        width:100%;
        margin-left:0;
    }
}

@media(max-width:700px){
    .video-grid{
        grid-template-columns:1fr;
    }
}