#navbar {
    padding: 2rem 0;
}

.nav-container {
    flex-direction: column;
}

.logo-main .logo {
    grid-template-columns: 1fr 2fr;
}

.nav-container ul li {
    margin-top: 1rem;
}


.logo-main {
    height: 70px;
}




.signature-info {
    max-width: 150px;
}







#showcase > .container {
    padding-top: 4rem;
    align-items: flex-start;
    justify-content: center;
    height: 75vh;
    text-align: center;
}


.showcase-text > .container {
    align-items: center;
}

.teacher {
    max-width: 100%;
}

.m-heading {
    font-size: 1.5rem;
}



.l-heading {
    font-size: 2.2rem;
}














/* 🔶🔶🔶🔶🔶🔶🔶🔶🔶🔶🔶🔶 */
/* Section: Great Admin Features */
/* 🔶🔶🔶🔶🔶🔶🔶🔶🔶🔶🔶🔶 */

/* #admin .items {
    flex-direction: column;
    padding: 3rem;
    
} */



#admin > .container .grid-section {
    height: 150vh;
    grid-template-areas: 
        "ht"
        "i1"
        "i2" 
        "i3";
    padding: 3rem;
}


#student > .container .grid-section {
    height: 150vh;
    grid-template-areas: 
        "ht"
        "i1"
        "i2" 
        "i3";
    padding: 3rem;
}


@media only screen and (max-height: 600px) {

    #admin > .container .grid-section {
        height: 200vh;
    }
    #student > .container .grid-section {
        height: 200vh;
    }
}


/* 🔶🔶🔶🔶🔶🔶🔶🔶🔶🔶🔶🔶 */
/* Section: Try it */
/* 🔶🔶🔶🔶🔶🔶🔶🔶🔶🔶🔶🔶 */

/* #tryit > .container .grid-section {
    height: 100vh;
    grid-template-areas: 
        "ht"
        "i1" 
        "i2";
    
    
} */




/* 🔶🔶🔶🔶🔶🔶🔶🔶🔶🔶🔶🔶 */
/* Footer */
/* 🔶🔶🔶🔶🔶🔶🔶🔶🔶🔶🔶🔶 */

#footer  {
    flex-direction: column;
    height: 90vh;
}

.footer-container {
    align-items: center;
    text-align: center;
}