@media only screen and (max-device-width: 769px){ 

body { margin:0px;}  
    
    .drop{
    font-family: 'arial';  
    }
    
#dropmenu{
    position: fixed;   
    top:0px;
    z-index: 100;
    width: 100%;
    height:5rem;
    font-size: 2rem
    background: rgba(0, 0, 0,0.9);
    }    
     
    #dropmenu img{
     position: relative;
     top:1rem;
     z-index: 101;
     transition: 0.4s;
    margin-left:2rem;
     width:3rem; height:auto;
    }
    
    #dropmenu img:hover{
    transform: rotateZ( 360deg ) ;    
    }

    
    .menu_drop {
    margin:auto;
    width:80%;
    list-style:none;
    }

    .menu_drop  > li {
    float: left;
    width: 25%; 
    line-height:90px; 
    }

    .menu_drop  > li a {
    display: block;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-size:2rem;
    list-style: none;
    }

    .menu_drop  > li a:hover 
    {color: #FFF;}

    ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
     }
    


    .menu_drop  > li.menu__single {
    position: relative;
    margin:auto;
     }

    li.menu__single ul.menu__second-level {
    position: absolute;
    width: 150%;
    background: rgba(0, 0, 0,0.9);
    transition: all .2s ease;
    list-style: none;
     }

    
    li.menu__single ul.menu__second-level li a {
    text-align: left;
    font-size:2rem;
    list-style: none;
    }
    
    li.menu__single ul.menu__second-level li:hover {
     opacity: 0.4;
        
    }

    li.menu__single:hover ul.menu__second-level {
    top: 5.4rem;
    visibility: visible;
    opacity: 0.85;
   }    
     
.drop-back{
width:100%;
height: 5rem;
background: rgba(0, 0, 0,0);
}
     
    }