@media only screen and (max-width:550px){
    @media only screen and (min-width:301px){
   
        header{
            width: 100%;
            min-height: 300px;
            
        }
        .logo_div{
            width: 100%;
        }
        #log_in_form span{
            display: block;
        }
        .sign_btn{
            font-size: 14px;
        }
        .log_div{
            width: 100%;
            height: fit-content;
        }
        .nav_div{
            padding-top: 10px;
            display: inline-block;
        
        }
        .nav_div a:hover{
            background: darkolivegreen;
            color: cornsilk;
        }
        .circle_img{
            width: 120px;
            max-height: 120px;
        }
        .item_div{
            width: 46%;
            margin:3px 0px 3px 3%;
            height: 140px;
         
        }
        .img_area{
            padding: 0px;
            height: 90%;
            max-width: 90%;
            margin-left: 4%;    
        }
       .txt_div{
            margin:0px 0px 2px 10%;
        }
    /**/
    }    
}