/************************/
/*   Menu               */
/************************/

#menu {
 	background: #ffffff;
	font-family: "Poppins";
	font-size: 18px;     
	}

#menu ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
	  background: #FFDD99;		
      position: relative;
}

#menu ul li {
      display: inline-block;
}

#menu ul li a {
      color: #600000;
      text-decoration: none;
      padding: 15px;
      display: block;
}

#menu ul li:hover {
      background: #ffcc66;
}

#menu ul ul {
      position: absolute;
      min-width: 200px;
      background: #FFFFD9;
      display: none;
}

#menu ul ul li {
      display: block;
      background: #FFFFA9;
}

#menu ul li:hover ul {
      display: block;
}

#menu ul li i {
      color: #600000;
      float: right;
      padding-left: 20px;
}

#menu nav div {
      background: #FFDD99;
      color: #600000;
      font-size: 24px;
      padding: 0.6em;
      cursor: pointer;
      display: none;
}

@media(max-width: 768px) {
#menu nav div {
       display: block;
	   background: #FFFFD9;
      }

#menu  ul {
            display: none;
            position: static;
            background: #FFFFD9;
      }

#menu  ul li {
            display: block;
      }

#menu  ul ul {
            position: static;
            background: #FFFFA9;
      }
}