@charset "utf-8";

* {
	margin:0;
	padding:0;
}


/*                                   
                            ****    
   ****        ****        * ***  * 
  * ***  *    *  ***  *   *   ****  
 *   ****    *    ****   **    **   
**    **    **     **    **    **   
**    **    **     **    **    **   
**    **    **     **    **    **   
**    **    **     **    **    **   
**    **    **     **     ******    
 ***** **    ********      ****     
  ***   **     *** ***              
                    ***             
              ****   ***            
            *******  **             
           *     ****  */

@font-face {
font-family:"orator-std";
src:url("https://use.typekit.net/af/59297e/000000000000000000013036/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/59297e/000000000000000000013036/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/59297e/000000000000000000013036/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;
}

@font-face {
font-family:"azo-sans-web";
src:url("https://use.typekit.net/af/9dc3b1/000000000000000000013f8f/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/9dc3b1/000000000000000000013f8f/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/9dc3b1/000000000000000000013f8f/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;
}




@keyframes fade-in {
	0% 		{opacity: 0;}
	100%  	{opacity: 1;}
}

	.fade-in {
		animation-name: fade-in;
			-moz-animation-name: fade-in;
			-o-animation-name: fade-in;
			-webkit-animation-name: fade-in;
		animation-duration: 2s;
			-moz-animation-duration: 2s;
			-o-animation-duration: 2s;
			-webkit-animation-duration: 2s;

	}




/*Mobile Styles*/
@media (max-width:490px){


nav-2 {
	position: fixed; 
	top: 10%;
	left: -250px;
	z-index: 50;
	background-color:  #69CEE0;
	font-family: azo-sans-web, sans-serif;
	transition: left .75s;
	
}

	.slide-the-drawer{
		left: 5px;
	}




nav-2 ul {
	text-align: center;
	list-style: none;
}

nav-2 ul li {
	text-align: center;
	list-style: none;
	
}	

nav-2 a {
	display: block;
	text-align: center;
	top: 70%;
	margin-left:20%;
	padding: 30px;
	width: 1%;
	text-decoration: none;
	color: white;
	font-size:25px;
}

nav-2 a:hover {
	background-color: #69CEE0;
 
}

nav-2 a.active {
	color: #3A3939;	
}

button#hamburger-icon {
	position: fixed;
	top: 15px;
	right: 20px;
	color:white;
	font-size: 30px;
	padding: 19px 10px 19px 10px;
	background-color: #69CEE0;
	line-height: 0;
}

button#hamburger-icon: hover {
	color: black;
	
}

h2{
	position: absolute;
	top: 15%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	color: #ff4f00;
	font-size:28px;
	font-family: fave-script-pro, sans-serif;
	font-weight: 700;
    font-style: normal;
    letter-spacing: 10px;
}




.logo {
	display: inline-block;
	top: 20%;
	padding: 1%;
	padding-top: 5.25%;
	margin-left: 2vw;
	height: 50%;
	width: 50%;
}

nav {
	height: 10vh;
	max-width: 100%;
	margin: 0 auto;
	font-family: azo-sans-web, sans-serif;
	font-weight: 400;
    font-style: normal;
    letter-spacing: 4px;
    background-image: url(../img/texture2.jpg);
}

nav ul {
	display: none;
}
nav li {
	display: inline;
	float: right;

}

nav a {
	display: inline-block;
	text-align: right;
	top: 70%;
	margin-left:1%;
	padding: 30px;
	width: 50%;
	text-decoration: none;
	color: white;
	font-size:16px;
	transition: color 1s linear;
			-moz-animation-transition: color 0.3s linear;
			-o-animation-transition: color 0.3s linear;
			-webkit-animation-transition: color 0.3s linear;
}


nav a:hover {
	color: #69CEE0;
	transform: scale(1.5);
	width: 30px;
 
}

nav a.active {
	color: #69CEE0;	
}




	
/*home page*/

main {
	height: 100%;
	max-width: 100%;
	padding-top: 100vh;
	background-image: url(../img/home.jpg);
	background-size: cover;
	background-attachment: fixed;

}

/*about page*/



#about-food{
	margin-bottom: 5vh;
	margin-top: 10vh;
}

p{
	position: relative;
	padding: 5%;
	text-align: center;
	color: #3A3939;
	font-family: orator-std, sans-serif;
	font-display:auto;
	font-style:normal;
	font-weight:400;
	font-size:16px;
    letter-spacing: 4px;
}

/*menu page*/

.food{
	display: block;
	margin-top: 10vh;
	margin-left: auto;
	margin-right: auto;
	width: 60vw;
}

.menu{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2%;
	width: 100vw;
}

/*contact page*/



#contact-food{
	margin-bottom: 4%;
}


form ul li{
	text-align: center;
	list-style: none;
	color: #69CEE0;
	font-size: 20px;
	font-family: azo-sans-web, sans-serif;
	margin-bottom: 2%;
}

input[type=submit] {
	text-align: center;
	margin: auto;
	color: black;
	background-color: #ff4f00;
	padding: 0.5vh;
	font-size: 20px; 
	
}

button#submit{
	margin-left: 47%;
	margin-bottom: 10%
}

textarea {

	display: block;
	margin: auto;
	font-size: 20px;
	font-family: azo-sans-web, sans-serif;
	border: 2px solid black;
	color: #69CEE0;
	background-color: transparent;
	width: 30%;
	margin-bottom: 3%;
  }

input{
	margin-top: 8vh;
	display: block;
	margin: auto;
	padding: 0.5vh;
	color: black;
	font-weight: bold;
	border: 2px solid black;
	background-color: white;
}

	input:hover {
		color: gray;
		border: 2px solid gray;
		background-color: #69CEE0;
	}

	input:focus {
		background-color: #69CEE0;
	}

/*gallery page*/
#press-food {
	position: relative;
}


figure {
	width: 40vw;
	height: 80vh;
	margin: 25vh auto;
}


/*footer*/

footer{
	background-image: url(../img/texture2.jpg);
margin-top: 4vh;
}

footer {
	max-width: 100%;
	font-family: azo-sans-web, sans-serif;
	font-weight: 400;
    font-style: normal;
    letter-spacing: 4px;
    font-size: 12px;
    color: white;
    line-height: 160%;
 }

section.column{
	max-width: 100%;
	padding: 20px;
	margin-left: 20%;
}

article.address{
	display: inline-block;
	text-align: center;
}

article.hours{
	display: inline-block;
	text-align: center;
}
}

/*Desktop Styles*/
@media (min-width:1200px) and (max-width: 1600px)
{

nav-2 {
		display: none; 
	}

button#hamburger-icon {
		display: none;
	}


.logo {
	display: inline-block;
	top: 20%;
	padding: 1%;
	padding-top: 3%;
	margin-left: 2%;
	height: 30%;
	width: 30%;
}

nav {
	height: 100px;
	width: 100%;
	margin: 0 auto;
	font-family: azo-sans-web, sans-serif;
	font-weight: 400;
    font-style: normal;
    letter-spacing: 4px;
    background-image: url(../img/texture2.jpg);
}

nav ul {
	display: inline;
}
nav li {
	display: inline;
	float: right;

}

nav a {
	display: inline-block;
	text-align: right;
	top: 70%;
	margin-left:1%;
	padding: 30px;
	width: 50%;
	text-decoration: none;
	color: white;
	font-size:16px;
	transition: color 1s linear;
			-moz-animation-transition: color 0.3s linear;
			-o-animation-transition: color 0.3s linear;
			-webkit-animation-transition: color 0.3s linear;
}

nav a:hover {
	color: #69CEE0;
	transform: scale(1.5);
	width: 30px;
 
}

nav a.active {
	color: #69CEE0;	
}

h2{
	position: absolute;
	top: 25%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	color: #ff4f00;
	font-size:60px;
	font-family: fave-script-pro, sans-serif;
	font-weight: 700;
    font-style: normal;
    letter-spacing: 6px;


}


	
/*home page*/

main {
	height: 100%;
	width: 100vw;
	padding-top:100vh;
	background-image: url(../img/home.jpg);
	background-size: cover;
	background-attachment: fixed;

}

/*about page*/


#about-food{
	margin-bottom: 40%;
}

p{
	position: absolute;
	top: 105%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	color: #3A3939;
	font-family: orator-std, sans-serif;
	font-display:auto;
	font-style:normal;
	font-weight:400;
	font-size:20px;
  
}

/*menu page*/

.food{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8%;
	width: 25%;
}

.menu{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2%;
	width: 50%;
}

/*contact page*/

#contact-food{
	margin-bottom: 4%;
}


form ul li{
	text-align: center;
	list-style: none;
	color: #69CEE0;
	font-size: 20px;
	font-family: azo-sans-web, sans-serif;
	margin-bottom: 2%;
}

input[type=submit] {
	text-align: center;
	margin: auto;
	color: black;
	background-color: #ff4f00;
	padding: 0.5vh;
	font-size: 20px; 
	
}

button#submit{
	margin-left: 47%;
	margin-bottom: 10%;
	transform: scale(1);
}

textarea {

	display: block;
	margin: auto;
	font-size: 20px;
	font-family: azo-sans-web, sans-serif;
	border: 2px solid black;
	color: #69CEE0;
	background-color: transparent;
	width: 30%;
	margin-bottom: 3%;
  }

input{
	margin-top: 8vh;
	display: block;
	margin: auto;
	padding: 0.5vh;
	color: black;
	font-weight: bold;
	border: 2px solid black;
	background-color: white;
}

	input:hover {
		color: gray;
		border: 2px solid gray;
		background-color: #69CEE0;
	}

	input:focus {
		background-color: #69CEE0;
	}

/*gallery page*/


#press-food{

	margin-bottom: 30%;
}

figure {
	width: 40vw;
	height: 80vh;
	margin: 25vh auto;
}



/*footer*/

footer{
	background-image: url(../img/texture2.jpg);
	height: 120px;
}

footer {
	width: 100%;
	font-family: azo-sans-web, sans-serif;
	font-weight: 400;
    font-style: normal;
    letter-spacing: 4px;
    font-size: 12px;
    color: white;
    line-height: 160%;
 }

section.column{
	float: left;
	width: 20%;
	padding: 20px;
	margin-left: 18%;
}

article.address{
	display: inline-block;
	text-align: center;
}

article.hours{
	display: inline-block;
	text-align: center;
}



}