@media screen and (max-width : 500px){	
	/*Make dropdown links appear inline*/
	.nav_wrap{
		padding:0;
	}
    
    .nav-right {
        display: none;
    }
	
	ul#menu {
		display: none; 
	}
	/* Create vertical spacing */
	li.menuli {
		margin-bottom: 1px;
	}
	li.menuli:hover ul{
		position: static;
		width:110%;
		margin-left: -15%;
		background-color: rgba(255, 194, 102, 0.3);
		border-radius:8px;
		border: 2px ridge rgb(108,0,22); 
	}
	/*Style for dropdown links*/
	li.menuli:hover ul a {
		font-size:15px;
	}

	
	/*Display the dropdown on hover*/
	ul#mynav li a:hover + .hidden, .hidden:hover{
		display: block;
	}
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
		margin-left:5%;
		margin-top:5%;
		
	}
    .sidenav {padding-top: 15px;}
	.sidenav a {font-size: 18px;}


	.sidenav .closebtn {
	  position: absolute;
	  top: 0;
	  right: 25px;
	  font-size: 36px;
	  margin-left: 50px;
      text-decoration: none;
      color: #fff1df;
	}
}