@charset "UTF-8";
/* CSS Document */

@import url('https://use.typekit.net/ljf5drl.css');
@import url('https://use.typekit.net/bhe8gsn.css');
@import url('//db.onlinewebfonts.com/c/25460aab6bb2d2b831914bacead7aa04?family=IowanOldStyleW01-Roman');

/*general styles*/
/*font*/

body {font-family: 'rig-solid-bold-outline',sans-serif; font-size:16px; margin-top:0;}
p {text-align:left; font-size:12px; color:#4f2018;font-family:rig-solid-bold-outline; padding-right: 30px;}
h2 {text-align:center; font-size:16px; padding:0; color: black;font-family:rig-solid-bold-outline; background-color: white;}
h3 {text-align:left; font-size:8px; padding-top: 0px; padding-bottom: 0px; line-height:15px; font-family:iowan-old-style-roman; display: inline-block;}
h4 {text-align: center; font-size: 10px; padding-top: 8px; padding-bottom: 6px; color: black; font-family: nazare, sans-serif; background-color:#dac9c4;}
h5 {text-align:right; font-size:8px; padding:0px; line-height:0px; font-family:nazare;}
h6 {text-align: left; font-size: 13px; font-family: nazare; color:grey;line-height: 11px;padding:0px; display: inline-block;}
h1 {text-align: right; font-size: 16px; font-family: nazare; line-height: 0px;}

/*link styles*/
a:link {color:#4f2018; background-color:white; text-align:center; text-decoration:none;}
a:visited {text-decoration:none;color:#4f2018;}
a:hover {color: white; background-color:#dac9c4;}
a:active {color:#f2e2e2; background-color:#4f2018;}

a.one:link {color: #4f2018; background-color: white; text-align: center; text-decoration: none;}
a.one:visited {color: white; text-decoration: none;}
a.one:hover {color: black; background-color: white;}
a.one:active {color: #f2e2e2; background-color: white;}

/*homepage wrapper*/
#wrapper {max-width:100%; background-color:#ffffff; margin-left:auto; margin-right:auto;}

header {height:auto; background-color:#ffffff;}

/*logo styles*/
#logo {width:194px;}
img{max-width:100%;height:auto;display:inline-block; clear:left; clear:bottom;}

/*header icons*/
#order-icon {width:5%; height:auto; float:right; display: inline-block; top-margin:0px;background-color:white;}

/*mobile specific styles*/
img {max-width:100%; height-auto;}
@media (max-width:768px)
{
nav {margin:0 auto;height:80px; width:auto;}

/*logo styles*/
#logo {width:90vw;}
img{max-width:100%;height:auto;display:block;}


li {display:inline-block;}
li a{padding:10px;display: block; width:80px;}

/*index page*/
.home {width:100%;height:175px;margin:0;}
#content {height:auto; background-color:white;}

figure {
	width: 50%;
	height: 50%;
	margin: 10vh auto;
}

/*Nav Styles*/
.navbar {
	overflow: hidden;
	background-color: white;
	max-width: 768px;
	padding: 20px;
}
.navbar a {
	float: left;
	min-width: 22%;
  	font-size: 15px;
  	color: #4f2018;
  	text-align: center;
  	padding: 3px 3px 3px 3px;
  	text-decoration: none;
}
.dropdown {
	float: left;
	overflow: hidden;
}
.dropdown .dropbtn {
  font-size: 15px;
  border: none;
  outline: none;
  color: black;
  padding: 3px 3px;
  background-color: inherit;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}
.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: #dac9c4;
  color: white;
}
.dropdown-content {
  display: none;
  position: absolute;
  right: 0;
  left: auto;
  background-color: white;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  font-size: 15px;
  text-align: left;
}
.dropdown-content a:hover {
  background-color: #dac9c4;
}
.dropdown:hover .dropdown-content {
  display: block;
}
/*Nav Styles*/

/*homepage*/
figure {
	width: 100vw;
	display: inline-block;
	float: right;
	margin: 0;
	position: absolute;
	top: 10em;
}
.table {width:100vw;
		display: inline-block; 
		float: left;
		margin: 0;
		position: absolute;
		top: 33em;}



/*menu page*/
section {padding:0px; text-align: center; width: 100%;}
#menu-web 
img {display: none;}
#menu-mobile1
img {display: inline-block;}
#menu-mobile2
img {display: inline-block;}
#menu-mobile3
img {display: inline-block;}

#footer {height:78px; 
	width: 100%; 
	background-color:white; 
	clear:both; 
	display: inline-block; 
	margin-top: 40em; 
	margin-bottom: 10em; 
	position: fixed;}
}





/*homepage WEB*/

img {max-width:100%; height-auto;}

@media (min-width:768px)
{
header {height:185px; background-color:white;}
nav {width:100%;}

body {font-family: 'rig-solid-bold-outline',sans-serif; font-size:40px; margin-top:0;}
p {text-align:center; font-size:20px; color:white;font-family:rig-solid-bold-outline;}
h2 {text-align:center; font-size:28px; padding:0; color: black;font-family:rig-solid-bold-outline; background-color: white;}
h3 {text-align:left; font-size:14px; padding-left:2px; padding-right: 2px; padding-top: 0px; padding-bottom: 0px; line-height:15px; font-family:iowan-old-style-roman; display: inline-block;}
h4 {text-align: center; font-size: 16px; padding-top: 78px; padding-bottom: 86px; color: black; font-family: nazare, sans-serif; background-color:#dac9c4;}
h5 {text-align:right; font-size:13px; padding:0px; line-height:0px; font-family:nazare;}
h6 {text-align: left; font-size: 13px; font-family: nazare; color:grey;line-height: 11px;padding:0px; display: inline-block;}
h1 {text-align: right; font-size: 16px; font-family: nazare; line-height: 0px;}

/*logo styles*/
#logo {width:700px;}
img{max-width:100%;height:auto;display:block;}

#food-one {width: 700px;}
img {max-width: 70%; height: auto;display: inline-block; float: left;}

/*nav styles*/
nav {width:100%; float:left;}
li {
	list-style-type: none;
}
li.a {list-style-type: none;}

/*Nav Styles*/
.navbar {
	overflow: hidden;
	background-color: white;
	min-width: 960px;
	padding: 20px;
}
.navbar a {
	float: left;
	min-width: 23.5%;
  	font-size: 40px;
  	color: #4f2018;
  	text-align: center;
  	padding: 3px 3px 3px 3px;
  	text-decoration: none;
}
.dropdown {
	float: left;
	overflow: hidden;
}
.dropdown .dropbtn {
  font-size: 40px;
  border: none;
  outline: none;
  color: black;
  padding: 3px 3px;
  background-color: inherit;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}
.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: #dac9c4;
  color: white;
}
.dropdown-content {
  display: none;
  position: absolute;
  right: 0;
  left: auto;
  background-color: white;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.dropdown-content a:hover {
  background-color: #dac9c4;
}
.dropdown:hover .dropdown-content {
  display: block;
}
/*Nav Styles*/

/*header icons*/
#order-icon {width:20%; height:32%; float:right;display:inline-block;top-margin:0px;background-color: #561b12; color: white;}



/*homepage*/
.table {width:25vw;
		height: 100vh; 
		display: inline-block; 
		float: left;
		margin: 0;}

figure {
	width: 70vw;
	height: 100vh;
	display: inline-block;
	float: right;
	margin: 0;
}


#footer {
	width: 100%; height: 10%; display: block; clear: both; text-align: center;}


/*menu page*/
section {padding:20px; position: center; width: 100vw;}
#menu-web 
	{width: 130vw; padding:1em;}
img {display: inline-block;}
#menu-mobile1
img {display: none;}
#menu-mobile2
img {display: none;}
#menu-mobile3
img {display: none;}
}

/*locations page*/
section#map {
	height: 70vh;
	width: 100vw;
}

/* Contact Us Form*/
input {
	display: block;
	margin: auto;
	padding: 1.5vh 4vw;
	color: black;
	font-weight: bold;
	border: 3px solid black;
	background-color: lightgray;
}
input:hover {
	color: pink;
	border: 3px solid gray;
	background-color: pink;
}
input:focus {
	background-color: floralwhite;
}

/*transform*/
.translate-down {
	transform: translateY(40px);
		-ms-transform: translateY(40px);
		-webkit-transform: translateY(40px);}

/*transition*/
.scale-times-three:hover {
	transform: scale(.75);
		-ms-transform: scale(.75);
		-webkit-transform: scale(.75);
		}
/*@keyframe rule*/
@keyframes fade-in {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
	@-moz-keyframes fade-in {
			0% {opacity: 0;}
			100% {opacity: 1;}
	}
	@-o-keyframes fade-in {
			0% {opacity: 0;}
			100% {opacity: 1;}
	}
	@-webkit-keyframes fade-in {
			0% {opacity: 0;}
			100% {opacity: 1;}
	}

/*animations*/
.fade-in {
	animation-name: fade-in;
		-moz-animation-name: fade-in;
		-ms-animation-name: fade-in;
		-o-animation-name: fade-in;
		-webkit-animation-name: fade-in;
	animation-duration: 3s;
		-moz-animation-duration: 3s;
		-o-animation-duration: 3s;
		-webkit-animation-duration: 3s;
	animation-fill-mode: backwards;
		-moz-animation-fill-mode: backwards;
		-o-animation-fill-mode: backwards;
		-webkit-animation-fill-mode: backwards;
}