/*Style 'show menu' label button and hide it by default*/
.show-menu {
    
    text-align: center;
    padding: 5px 0;
    display: none;
}
/*Hide checkbox*/
nav input[type=checkbox]{
    display: none;
}
/*Show menu when invisible checkbox is checked*/
nav input[type=checkbox]:checked ~ #menu{
    display: inline-block;
}
/*Responsive Styles*/
@media screen and (max-width: 600px){
    /*Make dropdown links appear inline*/
   #menu {
        position: absolute;
        display: none;
       top: 60px;
       right:20px;
       
    }
    
    
    /*Create vertical spacing*/
   #menu li {
       background: rgba(0,0,0,.75);
       padding: 10px 0;
    }
    #menu li:hover {
       background: #000;
    }
    /*Make all menu links full width*/
   #menu li, #menu li a {
        width: 100%;
        
    }
    /*Display 'show menu' link*/
    .show-menu {
       
        display:inline-block;
        position:absolute;
        top: 1em;
        right:2em;
    }
    nav>ul>li{text-indent:1em;}
    nav ul:hover {height:auto;}
    
    nav ul ul{ width:60%; margin-left:33%;}
    nav ul ul li{margin: 0 1em;}
    main #photo{display:none;}
   
}