/*---------------------media-query for 800 px------------*/
@media only screen and (max-width:800px){
    nav ul{
        z-index: 99999;
        list-style: none;
        display: block;
        position: absolute;
        top: 70px;
        right: 45px;  
        background-color: rgb(43, 39, 39); 
        text-align: center;
        overflow: hidden;
        transition: all 0.5s;
    } 
    nav ul li{
        padding:10px 30px;
        display: block;
        margin:0;
    
    
    }
    nav ul :hover{
        background-color:#555;
        color:#ff523b;
        
    
    }
    nav ul li a{
        text-decoration: none;
        color: white;
    
    }
    
    
    .menu-bar{
        display:inline-block;

    }
    .navul800{
        display: block;
        border: none;
        background-color: #777;
        height: 1px;
    }
    .headerimage{
        padding:  50px 0px 50px 0px;
        max-width:100%;
        height: 350px;
        
    
    }
    
}