@media only screen and (max-width: 750px){
    body{
        
    }
    .post{
        height: 65%;
        padding: 0;
    }
    .box{
        width: 90%;
        height: auto;
    }
    .box h4{
        position: relative;
    }
    .logo  {
        padding-top: 35%;
        width: 100%;
    }
    .post p{        
        padding: 15px;
        text-align: justify;
    }
    .galeri img{
        width: 97%;
        display: block;
        margin: 5px;
    }
    .col{
        width: 100%;
    }
}