.ico-bar{
 font-size: 150%; display: none;
}

.menu-small{
    position: absolute; right: 50px; 
}
    



    /* buger icon*/
@media screen and (max-width:1024px){
    .ico-bar{
        color: white; font-size: 200%; 
        display: block; 
        position: absolute; 
        top: 30px; 
        right: 20px
    }
    .ico-bar:hover{
         font-size: 200%; 
         display: block; position: absolute; 
         top: 30px; right: 20px; 
        text-decoration: none; color:#ab7d3f;
    }
    .ico-bar:focus{
        color: #fff; 
        font-size: 150%; 
        display: block; 
        position: absolute; 
        top: 30px; 
        right: 20px; 
        text-decoration: none;
    }

    /*POSITION  SMALL MENU 
    contouring

    */

    .menu-small{
        border: 0.5px solid gray; position: absolute; top: 70px; left: 15px; right: 0px; width: 100%; text-align: left; 
        background-color: white; 
    }

    /* menu deloiyé arriere plan */
    .menu-small li{
        width: 100%; text-align: left; background-color: white;
        border: 0.2px solid #DCDCDC;
    }
     .menu-small li:hover{
        width: 100%; text-align: left; background-color: black;
    } 
    


    
}