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

    /*Navigation bar*/
    .nav-title{
        display: none;
    }

    /*Personal information*/
    .partone{
        display: flex;
    }
    .partone-column{
        font-size: medium;
    }

    /*Information*/
    .parttwo{
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        font-size: larger;
    }

    /*Certificate*/

    .partthree-a{
        display: block;
        font-size: larger;
    }

    .partthree-b{
        display: block;
        font-size: larger;
    }

    /*Project*/
    .partfour-column{
        margin: 20px;
        width: 300px;
        height: 700px;
    }

}