*{box-sizing: border-box;
margin: 0;
padding:0;
position:relative;

}

p{
	font-family:'Open Sans', sans-serif;
	font-size:18px;}

a{
	text-decoration: none;
	color: white;
	padding-right: 20px;
}
a:hover{
	font-size:25px;
}
header{
	text-align: center;
	min-height:20vw;
	 background-image: url("../image/background.jpeg");
    background-size: cover;
    margin-left: 5vw;
    margin-right:5vw;
    overflow: hidden;
}

h1{
	text-align: center;
	font-family:'Open Sans',bold, sans-serif;
	margin-top: 1vw;
}
h2{
	
	text-align: center;
	font-family:'Open Sans',bold, sans-serif;

	color:white;

}
h3{
	font-family:'Open Sans',bold, sans-serif;
	color:white;
	text-align: center;

}

}
li{
	padding-bottom: 2vw;
}
body{
	display:block;
	margin:0px;
}
span{
	display:inline-block;
	width:8vw;
}

#nav{
	display:inline;
	position:absolute;
	right:1vw;
	z-index:1;
	font-family: 'Montserrat', sans-serif;
	font-size:20px;
   
}

#secondpage{
	min-height:20vw;
	width:90vw;
	position:relative;
	left:5vw;
	right:5vw;
	z-index:0;
	overflow: auto;
	background-color:#e9e6df;
}
#thirdpage{
	min-height:20vw;
	width:90vw;
	position:relative;
	left:5vw;
	right:5vw;
	z-index:0;
    text-align: center;
    overflow: auto;
    background-image: url("../image/background.jpeg");
    background-size: cover;
}
#fourthpage{
	min-height:20vw;
	width:90vw;
	position:relative;
	left:5vw;
	right:5vw;
	z-index:0;
	background-color:#e9e6df;
	overflow: auto;

}
#fifthpage{
	min-height:20vw;
	width:90vw;
	position:relative;
	left:5vw;
	right:5vw;
	z-index:0;
    overflow: auto;

	background-color:#e9e6df;

}
#map{
	min-height:20vw;
	width:90vw;
	position:relative;
	left:5vw;
	right:5vw;
	z-index:0;

}

#map iframe {
	width: 100%;
}
#leftbox{
	width:40vw;
	float:left;
	text-align: center;


}
#rightbox{
	width:40vw;
	float:right;
	text-align: right;
	
}

#left{

	width:40vw;
	float:left;
	text-align: left;
	margin-left:2vw;
	margin-top:2vw;

	font-family:'Open Sans', sans-serif;
	font-size:18px;
	
	color:white;
}
#right{

	width:35vw;
	float:right;
	text-align: right;
	margin-right:1vw;
	margin-top:2vw;
	font-family:'Open Sans', sans-serif;
	font-size:18px;
	color:white;

}
#footer{
	min-height:20vw;
	width:90vw;
	position:relative;
	left:5vw;
	right:5vw;
	z-index:0;
	   background-image: url("../image/background.jpeg");
    background-size: cover;

}
#contact{

	height:18vw;
	width:33%;
	float:left;
	color:white;
	z-index:1;
	margin-left:1vw;
	margin-top:4vw;
	text-align:center;

}
#shortcuts{

	height:18vw;
	width:33%;
	float:left;
	color:white;
	z-index:1;
	margin-top:4vw;
	text-align:center;


}
#openhours{

	height:18vw;
	width:32%;
	float:left;
	color:white;
	z-index:1;
	margin-top:4vw;
	text-align:center;

}
#days{

	float:left;
	width:10vw;
	height:5vw;
}
#time{

	float:right;
	width:10vw;
	height:5vw;
}


.sushileft{
	height:20vw;
	transform:rotate(-43deg);
	position:absolute;
	left:6vw;
	right:64vw;
	z-index:1;
	top:-6vw;
}
.sushiright{
	height:20vw;
    position:absolute;
	right:6vw;
	left:65vw;
	z-index:1;
	top:0vw;
}
.logo{
	height:12vw;

	z-index:2;
	margin-top:2vw;

}
.logo1{
	height:4vw;
margin-top: 1vw;
	z-index:2;
    text-align: center;

}
.order1{
		z-index:3;
	background-color:#d6b888;
	font-size:25px;
	color:white;
	padding:10px 24px;
	margin-top:2vw;
	margin-bottom:1vw;
}
.Aboutbutton{
	background-color:white;
	border-color:#d6b888;
	color:#d6b888; 
	padding:10px 24px;
	font-size:25px;
	margin-top: 3vw;
	margin-bottom:1vw;
}
.box{
	margin:0.5vw;
	height:8vw;
	width:16.5vw;
	margin-top: 1vw;


}

.box5{

	height:18vw;
	width:16.5vw;
	top:1vw;
}
.box6{

	height:18vw;
	width:16.5vw;
	top:1vw;

}
.box7{


	height:9vw;
	width:20vw;

}
.box8{


	height:9vw;
	width:20vw;


}
.box9{

	height:18vw;
	width:17vw;



}
.right1{

	
	width:40vw;
	float:right;
}
.left{
	width:40vw;
	float:left;
	text-align: left;
}
.left2{
		
	width:40vw;
	float:left;
	text-align: center;

}
.right1{


	width:40vw;
	float:right;
	text-align: center;
}
.right2{
	
	width:40vw;
	float:right;
	text-align: center;
}
.picleft{

	width:20vw;
	float:left;

}
.picright{

	width:17vw;
	float:right;

}
.Menubutton{

	background-color:white;
	border-color:#d6b888;
	color:#d6b888;
	padding:10px 24px;
	font-size:25px; 
	margin-top:4vw;
	margin-bottom:1vw;
}

.ordermenu{

	background-color:white;
	border-color:#d6b888;
	color:#d6b888; 
	padding:10px 24px;
	font-size:25px;
	margin-top:4vw;
	margin-bottom:1vw;

}

.icon{

	z-index: 1;
}
.facebook{
	height:2vw;
	width:2vw;
}
.twitter{
	
	width:2vw;

}
.instagram{

	width:2.3vw;
}
.pinterest{

	width:2vw;

}
.p1{
	margin-top:4vw;
	margin-left:1vw;
    text-align: left;
}
.p2{

	margin-top:2vw;
	margin-right:1vw;
	text-align: left;

}
.p3{

	margin-left:1vw;
	margin-top:2vw;
	text-align: left;
}
#openhours1{
	display:none;
}
.mobile-nav{
	display:none;
}


/* Media quenies*/
@media screen and (max-width: 1000px) {
	#nav a{
		padding-right:3px;
	}
}

@media screen and (max-width: 800px) {
	.order1{
			z-index:3;
	background-color:#d6b888;
	font-size:18px;
	color:white;
	padding:8px 20px;
	margin-top:2vw;


	}
	#leftbox, #rightbox {
		float: none;
		width: 100%;

	}

	#rightbox {
		text-align: center;
	}
	.Aboutbutton{
		background-color:white;
		border-color:#d6b888;
		color:#d6b888; 
		padding:8px 20px;
		font-size:18px;
		margin-top: 3vw;

	}
	.left1,.right1{
			float: none;
			width: 100%;

	}
	.left1{
		text-align:center;
	}
	.Menubutton{
		background-color:white;
		border-color:#d6b888;
		color:#d6b888; 
		padding:8px 20px;
		font-size:18px;
		margin-top: 3vw;

	}
	.left2, .right2{
		float: none;
			width: 100%;

	}
	.right2{
		width:42%;
		margin:0 auto;

	}
	.ordermenu{
		background-color:white;
		border-color:#d6b888;
		color:#d6b888; 
		padding:8px 20px;
		font-size:18px;
		margin-top: 3vw;
	}
	#contact,#shortcuts,#openhours{
		float: none;
			width: 100%;

	}
	.nav2 p{
		display:inline-block;
		margin:2vw;
	}
	#openhours{
	display:none;

	}
	#openhours1{
		display:block;
	}
    #openhours1 p{
    	color: white;
    	text-align:center;
    	margin:2vw;
    }
    .mobile-nav{
    	display:block;
    }
    .menu-btn div {
	position: absolute;
	line-height: 1.2;
	font-size: 18px;
	font-weight: 200;
	vertical-align: middle;
	z-index: 99;
}
 
.menu-btn span {
	display: block;
	width: 19px;
	height: 3px;
	margin: 4px 0;
	background: white;
	z-index: 99;
}
 
.responsive-menu{
	display: none;
	position:absolute;
	margin-left:2vw;
	padding:2vw;
	z-index: 99;
}

 
.expand {
	display: block !important; 
}
#nav{
	display:none;
}
}

@media screen and (max-width: 500px){
	.order1{
	z-index:3;
	background-color:#d6b888;
	font-size:14px;
	color:white;
	padding:5px 15px;
	margin-top:2vw;


	}
	p{
		font-size:15px;
	}
	#leftbox, #rightbox {
		float: none;
		width: 100%;

	}

	#rightbox {
		text-align: center;
	}
	.Aboutbutton{
		background-color:white;
		border-color:#d6b888;
		color:#d6b888; 
		padding:5px 15px;
		font-size:14px;
		margin-top: 3vw;

	}
	#left{
		width:50vw;
		font-size:14px;
	}
	#right p{
		font-size:14px;
	}
	.left1,.right1{
			float: none;
			width: 100%;

	}
	.left1{
		text-align:center;
	}
	.Menubutton{
		background-color:white;
		border-color:#d6b888;
		color:#d6b888; 
		padding:5px 15px;
		font-size:14px;
		margin-top: 3vw;

	}
	.left2, .right2{
		float: none;
			width: 100%;

	}
	.right2{
		width:42%;
		margin:0 auto;

	}
	.ordermenu{
		background-color:white;
		border-color:#d6b888;
		color:#d6b888; 
		padding:5px 15px;
		font-size:14px;
		margin-top: 3vw;
	}
	#contact,#shortcuts,#openhours{
		float: none;
			width: 100%;

	}
	.nav2 p{
		display:inline-block;
		margin:2vw;
	}
	.nav2 a{
	    padding-right:5px;

	}
	#openhours{
	display:none;

	}
	#openhours1{
		display:block;
	}
    #openhours1 p{
    	color: white;
    	text-align:center;
    	margin:2vw;
    }
    #openhours1 span{
    	width:1vw;
    }
    .menu-btn span {
	display: block;
	width: 19px;
	height: 3px;
	margin: 4px 0;
	background: white;
	z-index: 99;
}
 
.responsive-menu{
	display: none;
	position:absolute;
	margin-left:2vw;
	margin-top:-2vw;
	padding:2vw;
	z-index: 99;
}
 
.expand {
	display: block !important; 
}
#nav{
	display:none;
}
.responsive-menu a:hover{
	font-size:20px;
}
	
}