#header {
    position:fixed;
    width: 100%;
    background:#303b44;
    height:46px;
    z-index: 1;
}

h1 {
    position:relative;
    letter-spacing:1px;
    color:#bbbbbb;/*белый*/}
    

@media screen and (min-width: 890px) {

h1 {position: fixed; left: 70px; top:10px; font-size:150%;}

.avatar {position: absolute; top: 5px; bottom: 2px; left: 15px; border-radius: 40px; border: 2px solid #d79443;}
#avatar_id:hover {border: 1px solid #2d6698;}
    
}


@media screen and (max-width: 890px) {
    
h1 {position: fixed; left: 29%; top:1.5%; font-size: 147%;}

.avatar {position: fixed; top:0.8%; left: 12%; max-width:30%; height:auto; border-radius:40px; border:1px solid #d79443;}
#avatar_id:hover {border: 1px solid #2d6698;}

}