body {
       <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700" rel="stylesheet">
}
/*
NAVEGAÇÃO - home
*/



#home {
    position: fixed;
    z-index:2;
    width: 100%;
}

#ldp {
    position: fixed;
    margin-left:6%;
    z-index:3;
    
}




 *{
     
    margin: 0;
    padding: 0;
    }
        
        .menu {
            width: 100%;
            height: 78px;
            background-color: #1f1918;
            
        }
        
        .menu ul{
            list-style: none;
            position: relative;
        }
        
        
        .menu ul li{
            width: 170px;
            float: right;
        }
        
        .menu a {
            padding: 25px ;
            display: block;
            text-decoration: none;
            text-align: center;
            background-color: #1f1918;
            color: #ffffff;
        }
        
        .menu ul ul{
            position:absolute;
            visibility: hidden;
        }
        
        .menu ul li:hover ul {
            visibility: visible;
        }
        
        .menu a:hover{
         background-color: #ffffff;
            color: #1f1918;
        }
        
        .menu ul ul li{
            float: none;
            border-bottom: solid 1px #ccc;
        }
        
        .menu ul ul li a {
            background-color: #c1cdc5;
        }
        
        label[for="bt_menu"]{
            padding: 5px;
            background-color: #222;
            color: #fff;
            font-family: "cursive";
            text-align: center;
            font-size: 40px;
            cursor: 50px;
            width: 50px;
            height: 50px; 
        }
        
        #bt_menu {
            display: none;
        }
        
        label[for="bt_menu"]{
            display: none;
        }
        
        @media(max-width: 1000px){
           
            label[for="bt_menu"]{
                display:block;
                position:relative;
                z-index:2;
            }
            
            #bt_menu:checked ~ .menu{
                margin-left: 0;
            }
            
            .menu {
                margin-top: -150px;
                margin-left:  -100%;
                transition: all .4s;
                
            }
            .menu ul li {
        
                width: 100%;
                float: none;
            }
            
            .menu ul ul {
                position: static;
                overflow: hidden;
                max-height: 0;
                transition: all .4s;
            }
            
            
            .menu ul li:hover ul{
                height: auto;
                max-height: 400px;
            }
        
#ldp {
   
   align-items:center;
    position:relative;
    margin-left:2px;
    z-index:2;
    background-color: #1f1918;
    
}
            
            #espaco {
                padding: 1px;
            }
}