/* mobile */
@media only screen and (max-width: 760px) {

    /* mobile menu */
    .contents .mobile-menu{
        display: flex;
    }
    
    /* space in between - to block*/
    .contents .greetings.flexed-box-space_between{
        display: flex;
        flex-direction: column;
    }

    /* greetings for mobile */
    .contents .greetings .greetings-content{
        /* border: 1px solid var(---line); */
        height: 50vh;
    }

    .contents .projects{
        flex-direction: column;
    }

    .contents .projects .project-box:hover{
        width: 100%;
        margin: 0;
    }

    .contents .projects .project-box:hover img{
        display: none;
    }

    .container .side{
        width: 100%;
    }

    .contents .side{
        width: 100%;
        flex-grow: 0;
    }

    .contents .side.right,
    .contents .side.left{
        width: 100%;
    }

    /* remove desktop nav */
    .container .nav{
        display: none;
    }

    /* small card width is 100% */
    .contents .smallcard{
        width: 100%;
    }
    .contents .education{
        flex-direction: column;
    }

    .contents .education .ed-item{
        width: 100%;
    }
}