@media screen and (max-width: 992px) {

    aside {
        width: 40vw;
        z-index: 1;
        transform: translateX(-100%);
    }
    
    .open-sidebar {
        transform: translateX(0%);
    }

    header span {
        position: relative;
        margin: 0 auto;
    }

    header i {
        position: absolute;
        display: block !important;
    }

    main {
        width: 90vw;
        left: 0px;
    }

    section {
        width: 90vw;
        left: 0px;
        max-height: 70vh;
    }

    .text {
        width: 35vw;
    }
}