@charset "utf-8";
/* CSS Document */
html, body{
	padding:0;
	margin:0;
}
body{
	font-family:century gothic;
}

/* Header and nav */
.header{
	background-image:url("wallpaper.svg");
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:cover;
	text-align:center;
	width:100%;
	height:auto;
	border-bottom: #ebe878 solid 10px;
}

.logo{
	width:40%;
	display:inline;
}

.nav{
	width:100%;
    padding:0;
	margin-top:0;
	padding-bottom:0px;
    list-style:none;
    text-align:center;
}
.nav li{
	display:inline-block;
	width:15%;
}
.nav li a{
	color:white;
	text-decoration:None;
}
/* cover */
.cover{
	margin:0;
	padding:0;
	background-image:url("images/pho.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	background-attachment:fixed;
	height:300px;
	text-align:center;
}
.welcomeText{
	margin:0;
	padding:15px;
	display:inline-block;
	background-color:#222222;
	position:relative;
	top:110px;
	color:white;
}
/* Content */
.content{
	background-image:url("wallpaper.svg");
	min-height:500px;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}
/* About */
.about{
	padding-top:25px;
	text-align:center;
	color:white;
}
/* Menu */
.accordion {
	background-color: #ebe878;
	font-size:20px;
	color: black;
	cursor: pointer;
	width: 100%;
	border: none;
	outline: none;
	transition: 0.4s;
}
.menuItems {
	padding: 0 18px;
	background-color: rgba(0,0,0,0);
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
	color:white;
	
}
.menuItems2 {
	padding: 0 18px;
	background-color: rgba(0,0,0,0);
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
	text-align: center;
}

.accordion::after {
	content: "\25BC";
	font-size: 20px;
	font-weight: bold;
	color: white;
	margin-right: 30px;
	margin-left: 5px;
	position: relative;
	float: right;
	top: -70px;
	
}
.accordion.active {
	background-color:white;
}
.accordion.active::after {
	margin-right: 30px;
	color:black;
	content: "\25B2";
}
.accordion2 {
	background-color: rgba(0,0,0,0);
	color: white;
	cursor: pointer;
	padding: 10px;
	border: none;
	outline: none;
	transition: 0.4s;
	
}
.accordion2.active {
	text-decoration: underline;
}
.accordion2.active + .menuItems {
	border-bottom-style: solid;
	border-width: 3px;
	border-collapse: collapse;
	padding-bottom: 20px;
	margin-bottom: 5px;
	
}

.fooddesc {
	font-size: 12px;
}
.contact{
	text-align:center;
	color:white;
}
.contact a{
	text-decoration:none;
	color:white;
}
.footer{
	text-align:center;
}
.title2{
	color:white;
	text-align:center;
	margin:0;
	padding-top:10px;
}
.findusText{
	color:white;
	margin:0;
	padding:15px;
	text-align:center;
}
h2{
	margin:0;
	padding-top:15px;
}
@font-face{
	font-family:century gothic;
	src:url("century gothic.ttf");
}