/* ==========================================================================
   RESPONSIVE BREAKPOINTS
   ========================================================================== */
@media (max-width: 900px) {
    body {
        flex-direction: column;
    }
    aside.sidebar {
        width: 100%;
        height: auto;
        position: relative;
    }
    main.main-content {
        padding: 18px 16px;
    }
}