@charset "UTF-8";
/* CSS Document */
	/*
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@(#(((((/(/(/(&&&&&((##/#%(@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@(*%&%%%%%%%#%#(((###%%%%%#%%#(/*#(@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
%#(#((/(#(#/#(///(/#((((((#(#(((((/(/((//((((/#(#(&/%%%%((((((((//%##(/////////////(%(/%%((@@@@@@@@@@@@@@@@@@@@@@@@@@@@
##(#(#((#(#(#(((/((#((((((#/#(((((((((((((((((#/%%%%#///((/(/(///////////////////////%#,*%%#((@@@@@@@@@@@@@@@@@@@@@@@@@
%#(#(#((#/#/((((((/(((((((#/#((//(((((/(((/(*&%#/(//(////(////////////////*((/////////////*%%##@@@@@@@@@@@@@@@@@%@@@@@@
%%(#(#((#/#/#(((/((#(((#((#(%((////(/(/(/*%%%&&&(/(((((#(((#(%&&&%%#////(////***,,///////////////////////(#%%#%##@@@@@@
%#(((#/(#/%/#(//(((#%&////((((&(##%#%###%&%&&@&%###(((((((((((((((#((((((((((((((((((((//((((((((((#####%%%#((/(##%@@@@
%&%%%###%%%##%#%##%%%((%%%#(((///((##((((((((/&&&(((((##%%%&&&&%%&&&&&&&%%%%%%%%%%&%@@&(((((((((((((####(#%%((&&&@@@@@@
##%###%##%##%%#&&&&&&&%%##%%%%%#%%&%%%&&&&&&&&&&&&&&&&&&&%%&&%%&&&&&&&&&&&&&%&&&%%%(#%%%%#(####%%%%%%%&&&%%/&&@%%@@@@@@
%%#(###%%/,/(*%&&%%###%&&&&&&&&&&&&&%(%&&&&&&&&&&&&&&&&&&&%%%&&&&&&&&&&&&&#####&%(%%&&&&&&&&&&&&%%&%&&&&&@&%##(#&@@@@@@
%%%%%%#(//#%&%%%#%%&&&@@@&&&&@@@@@&#%&&&&&&%&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&%&&&&&@@@&&&&@@@@&&&&&&&&%&&&&&%&@@@@@@
%##(#%%(&&&&%%%&&%&&@@%%###&%&&@@&&&&@&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&@@%%##(&%%@@@&&&&&&&@&@@@@@@@@@@@@@
##%%%&&@@@&&%@%#&&@@%%##@@&@%%@@&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&@&%%@&@@%&(&%@@&&&&&&&&&&&&&@@@@@@@@@@
%#%##&&&@&&@@@&&&&@&%#@#%#&&%#&@(%%@@&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&@@%%%@#&&&%#@@#%%@&&&&&&&&&&&@@@@@@
####(&&@&&&&&&%&&&@%&%@&&&(#%#%&(%%@@&&&&&&&&&&&@&&&@@&@&&&&&&@@&&&&&&&&&&&&&&&&&&&&@@%#&&@(##(%@@%&%@@&&&&&&&@&@&@@@@@
(((##%%%&&&&&&&&&&@&&(&@#%@%##@(%%&@@&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&@@&%/@(&((#@%((&&(@//((((#///@@@@@@
%%%%%%%####%#######%&&&(%@@#@#*&%&@#%%%%%%%%###%%%%%%%%%%%%%%#%%%%%%%%%%%%%%%#%%%#@@@@&&%#(&&%%((%&@%##%%%%%%%%%%#%@@@@
@@@@@@@@@@@@@@@@@@@@@%&%%&&&&&&&%@%%##%#%%%%%%%%%%&&%%&&%%&&&&%&%%%%%%%%%%%%%%%%%%%&%&@@&&%%&&&&%&&((//(/(((((((###@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@This is my car, a 2013 Subaru Impreza Wrx @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
*/

body {
	background-image: url("../img/papyrus-dark.png");
}
h1 {
	color: white;
	text-align: center;
	font-family: 'Crimson Text', serif;
	font-size: 4vw;
	margin-bottom: 0%;
}
#logoimg {
		 display: block;
  margin-left: auto;
  margin-right: auto;
	margin-top: 0%;
  width: 20%;
}
nav,button {
display:flex;
	align-items: center;
	justify-content: center;
}

.navbutton {
	width:20vw;
	height:50%;
	margin-bottom: 1vw;
	padding-left:20px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: black;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}


/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd; color:black;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #3e8e41;}

button {
	background-color:black;
	color:white;
	font-family: 'Oleo Script', cursive;
	font-size:2vw;
	margin-right: .5vw;
	
}
button:hover {
	background-color:#cccccc;
	color:black;
	
}

.bottom{
display: block;
  margin-left: auto;
  margin-right: auto;
	margin-top: 0%;
  width: 70%;
	
}
.top{
display: block;
  margin-left: auto;
  margin-right: auto;
	margin-top: 0%;
  width: 70%;
	
}
#slide {
  position:relative;
  height:40vw;
  width:90%;
  margin-left: 18vw;
  margin-right: auto;
}

#slide img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#slide img.top:hover {
  opacity:0;
}

/* form */
/* Style the form - display items horizontally */
.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

/* Add some margins for each label */
.form-inline label {
  margin: .5vw .5vw .5vw 0vw;
}

/* Style the input fields */
.form-inline input {
  vertical-align: middle;
  margin: .5vw .6vw .5vw 0vw;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #ddd;
}

/* Style the submit button */
.form-inline button {
  padding: .3vw 1vw;
  background-color: black;
  border: 1px solid #ddd;
  color: white;
}

.form-inline button:hover {
  background-color: royalblue;
}

figure {
	width: 10vw;
	height: 10vw;
	margin: 2vw 10.7vw;
	border: 0.5vw solid black;
	float: left;
	background-size: cover ;
	background-position: center;
}


#thumbnail-one {
	background-image: url("../img/food1.jpg")
}
#thumbnail-two {
	background-image: url("../img/food2.jpg")
}
#thumbnail-three {
	background-image: url("../img/food3.jpg")
}
@media (max-width: 1100px) {
  .form-inline input {
    margin: 10px 0;
  }

	.reserve {
		height:5vw;
		width:15vw;
		font-size:2.5vw ;
	}
}
form {
	color:white;
}

.reserve {
	float:left;
	padding-bottom: 5px;
}
.reserve:hover {
	background-color:black;
	color:white;
}

#guest {
	width:.4vw;
}
#location {
	width:15vw;
}
#date {
	width:7vw;
}
#reservation {
	display: block;
  	margin-left: auto;
  	margin-right: auto;
	margin-top: 0%;
  	width: 69%;
	padding-bottom: 1.5%;
}

#social {
	display: block;
  	margin-left: auto;
 	margin-right: auto;
	margin-top: 0%;
 	padding-top: 4vw;
}
p {
	color:white;
	display:inline;
}

#rights {
	padding-left: 20%;
	text-decoration: none;
}
#terms {
	padding-left:10vw;
	text-decoration: none;
}
#policy {
	padding-left:10vw;
	text-decoration: none;
}
#terms a:visited {
	color:white;
}
#policy a:visited {
	color:white;
}

#submit {
	color:white;
}
.media {
	display: none;
}
@media screen and (max-width: 500px) {
	.media {
		display: block;
  		margin-left: auto;
 		margin-right: auto;
		margin-top: 0%;
  		width: 70%;
		padding-top: 5vw;
	}
	#slide {
		width:90vw;
		margin-left: 17vw;
	}
}