nav {
	background: #ffffcc;
	border-radius: 6px;
	box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.4);
	padding: 0 8px;			/*  width   		  */
	position: relative; 
	right: 100px;			/*  position		  */
	width: 200px;              /*  Title Width   	  */
}
.menu ul {
	font-size: 18px;
	position: absolute;
	right: -150px;           /*        width of drop down menu            */
	padding: 0 38px;	
	list-style: none;
	opacity: 1;
	transition: opacity 1s ease;
}

.menu ul li {
	float: none;
}

.menu ul a {
	white-space: nowrap;
}

/*--------------------------------------------------------------------*/

    ul{
	  padding: 0;
	  list-style: none;
	  background: #ffffcc;
    }
    ul li{
	  background: #ffffcc;
        display: inline-block;
        position: relative;
	 font-size: 18px;
        line-height: 21px;
        text-align: left;
    }
    ul li a{					/*   drop down list			*/
        display: block;
        padding: 4px 0px;
	  font-size: 16px;
        color: #333;
        text-decoration: none;
    }
    ul li a:hover{				/*   on mouse over			*/
	   background: transparent; -webkit-appearance: none;			
	   font-size: 16px;
 	   font-weight: bold;
	   color: #000;			/* black */
    }
    ul li ul.dropdown{
        min-width: 100%; 		/* Set width of the dropdown */
 	   background: #ffffcc;
        display: none;
        position: absolute;
	padding: 18px 38px;	
        z-index: 999;
	border-radius: 10px 10px 10px 10px;
        left: 0;
    }
    ul li:hover ul.dropdown{
        display: block;	/* Display the dropdown */
    }
    ul li ul.dropdown li{
        display: block;
    }