.box{
        transform:translate(-50%.-50%);
        padding:20px;
        width:100%;
        box-sizing:border-box;
        background:#fff;
        border-radius:4px;
        box-shadow:0 5px 15px rgba(0,0,0,.5);
        display:flex;
        margin-top:10px;
    }
    .box .imgbox{
        width:150px;
        flex:0 0 150px;
        
    }
    .box .imgbox img{
        max-width:100%;
    }
    .box .content{
        padding-left:20px;
    }
    .box .content h5{
        margin:0px;
        font-size:22px;
        padding:0px;
        color:blue;
        
    }
     .box .content p{
        margin:0px;
        font-size:16px;
        padding:0px;
        color:black;
        
    }
    .info{
        font-size:12px;
        line-height:0.5;
        color:skyblue;
        text-align:right;
    }
    @media only screen and (max-width: 600px) {
  .box .imgbox{
        width:100px;
        height:100px;
        flex:0 0 100px;
        
    }
    .box .content h5{
        margin:0px;
        font-size:18px;
        padding:0px;
        color:blue;
        
    }
      .box .content p{
        margin:0px;
        font-size:15px;
        padding:0px;
        color:black;
        
    }
}