/* Global CSS code */
body {
     background: rgb(13, 13, 13);
	 background-image: url("../Images/Background.jpg");
	 background-size: 600px;
	 background-repeat: no-repeat;
	 margin: 0;
    }
 @font-face {
  	font-family: 'Majesti-Banner-Bold';
  	src: url('../Fonts/Majesti-Banner-Bold.otf');
  	}
 h1 {
    color: rgb(190, 30, 45);
    text-align: center;
	font-family: 'Majesti-Banner-Bold', Times New Roman;
    }
 h2 {
    color: rgb(190, 30, 45);
    text-align: center;
	font-family: 'Majesti-Banner-Bold', Times New Roman;
    }
.content-wrap {
  max-width: 1080px;
  margin: 0 auto;
	}
 p {
    color: rgb(138, 140, 143);
    font-size:20px;
    text-align:center;
	font-family: Times New Roman;
    }
.menufont {
	color: rgb(138, 140, 143);
    font-size:25px;
    text-align:center;
	font-family: Times New Roman;
}

/* CSS coding for images */
img {
    display: block;
    margin: 0 auto;
	}
.dish {
	width:700px;
}
.wave {
	width:800px;
}
.menuimage {
	width: 800px;
}
.menutitle {
	width: 500px;
}
.roundedge-img {
	width: 700px;
	border-radius: 15px;
	}


/* Navigation Bar CSS code */
ul {
  background-color:#ffffff;
  border: 1px solid #737373;
  border-radius: 4px;
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055);
  color: #888;
  display: block;
  margin: 8px 22px 8px 22px;
  width: 100%;
  font-size: 20px;
  margin: 0;
  padding: 0;
    }
.navClass > ul > li {
	list-style-type: none;
	display: inline-block;
	padding: 1px;
	position: relative;
}
ul > li > a {
    color: #8c8c8c;
    display: block;
    line-height: 50px;
    padding: 0 24px;
    text-decoration: none;
    }
.navClass ul > li:hover {
	background-color: #262626;
}
ul.sub-menu {
	position: absolute;
	background-color:#ffffff;
	list-style-type: none;
	width: 140px;
	padding-left: 0px;
	margin-left: 25px;
	opacity: 0;
}
ul.sub-menu li {
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
li:hover .sub-menu {
	opacity:1;
}