@media screen and (max-width: 768px) {
    /*Banner*/
    .banner-title{
        font-size: large;
    }
    .banner-description{
        font-size: small;
    }

    /*Navigation bar*/
    .nav-title{
        display: none;
    }
    .topnav{
        display: block;
        
    }
    .topnav > a{
        display: block;
        padding: 0px;
        
    }

    /*Personal information*/
    .partone-column{
        display: block;

    }

    /*Information*/
    .parttwo{
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    /*Certificate*/
    .partthree-a{
        display: grid;
        grid-template-columns: 1fr;
        border-right: 0px;
        border-bottom: solid 0.1px #ff7519;
    }

    /*Project*/
    .partfour{
        display: grid;
        grid-template-columns: 1fr;
    }

    /*Social Contacts*/
    .contacts{
        display:  grid;
        grid-template-columns: 1fr;
    }
}