/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .content{
        flex-direction: column ;
    }

    .content .icon{
        width: 100%;
        height: 40%;
    }

    .content .greethings{
        order: -1;
        height: 60%;
        padding: 20px;
    }

    .window.resume,
    .window.contact,
    .window{
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 0;
    }

    .win_content .about_content{
        flex-direction: column;
    }

    .win_content .about_content .about_text {
        min-height: 400px;
    }

    .win_content .info .cardDisplay{
        flex-direction: column;
    }

    .win_content .info .cardDisplay .edInfo{
        padding-left: 0;
    }

    .win_content .about_content .meImage{
        width: 100%;
        height: auto;
    }

    .win_content .workSection .workItem{
        flex-direction: column;
    }

    .win_content .workSection .workItem img{
        width: 100%;
        height: auto;
    }

    .gallery .win_content .images{
        column-count: 2;
    }
}