@charset "UTF-8";

<!-- This is an ascii logo I generated from http://www.network-science.de/ascii/ using the font called "bubble"
			   _   _   _  
		      / \ / \ / \ 
		     ( L | B | R )
		      \_/ \_/ \_/ 


				 -->l>

/* fonts */

@import url('https://fonts.googleapis.com/css?family=Muli:700&display=swap'); 

.css-selector 
	{
	font-family: 'muli', sans-serif;
	}

/* css reset */

* {
		margin: 0;
		padding: 0;
	}


#content-desktop {display: flex;}
#content-mobile {display: none;}

a { font-size:1vw; font-family: 'muli', sans-serif; color:black; font-weight: 700; text-transform: none; }
body {font-family: 'muli', sans-serif; color:black; font-weight: 700;}
.current{font-size: 100%; 
		font-family: 'muli', sans-serif; 
		color: #5f9440; 
		font-weight: 700; 
		text-transform: none; 
		border: none;
		background-color: white;
		text-decoration: underline;
	}
/* buttons */

	.home-button, .tasty-cuisine-button, .locations-button, .get-in-touch-button, .order-now-button {
		font-size: 100%; 
		font-family: 'muli', sans-serif; 
		color: black; 
		font-weight: 700; 
		text-transform: none; 
		padding: none;
		border: none;
		background-color: white;
	}
	.locations-dropdown, .tasty-cuisine-dropdown {
		position: flex;
		display: inline-block;
	}
	.ldropdown-content, .tcdropdown-content {
		display: none;
		position: absolute;
		background-color: white;
		min-width: 10vw;
		padding: 2%;		
	}

	.ldropdown-content a, .tcdropdown-content a{
		color: black;
		padding: 1vw 1vw;
		text-decoration: none;
		display: inline;
		text-align: none;
	}

	/* colors */

	.home-button:link, .tasty-cuisine-button:link, .locations-button:link, .get-in-touch-button:link, .order-now-button:link 
	{text-decoration: none; color: black;}

	.home-button:visited, .tasty-cuisine-button:visited, .locations-button:visited, .get-in-touch-button:visited, .order-now-button:visited 
	{text-decoration: underline; color: black;}

	.home-button:hover, .tasty-cuisine-button:hover, .locations-button:hover, .get-in-touch-button:hover, .order-now-button:hover 
	{text-decoration: underline; color: #5f9440;}

	.home-button:active, .tasty-cuisine-button:active, .locations-button:active, .get-in-touch-button:active, .order-now-button:active 
	{text-decoration: underline; color: #5f9440;}

	.tcdropdown-content a:hover, .ldropdown-content a:hover 
	{background-color: #5f9440; text-align: center;}

	.tasty-cuisine-dropdown:hover .tcdropdown-content, .locations-dropdown:hover .ldropdown-content 
	{display: block;}


#content {display: block; height: auto; width: 100%; overflow: auto;  padding: 0%;}
		img{width:100%; height:auto;}
		iframe {width:100%; height:100%; float: left;}

		.homephoto {overflow:auto;}
		.home1 {
			margin-top: 12%; 
			width:100%; 
			height:auto; 
			float: left;
			left: 0%;

		}

		

/* desktop */
@media (min-width: 1025px){
	header {height:5vw; width: 100%; background: white; }
	#logo{width: 20vw; float: left; padding-left: 3vw;  padding-top: .5vw;}
	nav{width: 75%; float: left; padding-top: 1vw; text-align: right;}
	ul {list-style-type:none; padding-left:0;}
	li {display:inline-block;}
	li a {background-color:white; display:block; text-align:center;  padding-top:1vw;padding-left:5vw;}
}

/* tablet */
@media (min-width: 768px) and (max-width: 1024px){
	header {height:20vw; width: 100%;  background: white; }
	#logo{ display: block; margin-left: auto; margin-right: auto; width: 50%; padding-top: 1.5vw}
	nav{width: 100%; height:5vw; text-align: center; background-color: white;}
	a { font-size:2vw;}
	ul {list-style-type:none; }
	li {display:inline-block;}
	li a {background-color: white; display: inline-block; text-align: center; padding: 2.5vw 7vw 3vw 2vw;}
	
	.ldropdown-content a, .tcdropdown-content a{
		padding: 1.5vw 2vw;
	}
}

/* mobile */
@media (max-width: 767px){
	#content-desktop {display: none;}
	#content-mobile {display: block;}
	header {height:20vw; background: white;}
	
	#logo{width: 80%; float: left; padding-left: 3%; padding-top: 1.5vw;}
	
	.ldropdown-content a, .tcdropdown-content a{
		padding: 10vw 20vw;
	}
	a { font-size:7vw;}
	.home-button, .tasty-cuisine-button, .locations-button, .get-in-touch-button, .order-now-button {
		font-size: 7vw; 
		font-family: 'muli', sans-serif; 
		color: white; 
		font-weight: 700; 
		text-transform: none; 
		border: none;
		background-color: #5f9440;
	}
	.ldropdown-content, .tcdropdown-content {
		display: none;
		position: absolute;
		background-color: #5f9440;
		min-width: 50vw;
		z-index: 1;
	}
	.tcdropdown-content a, .ldropdown-content a{
		color: white;
		padding: 2vw 1vw;
		text-decoration: none;
		display: block;
		text-align: left;
	}
	.tcdropdown-content a:hover, .ldropdown-content a:hover
	{background-color: #5f9440; text-align: left;}

	.home-button:hover, .tasty-cuisine-button:hover, .locations-button:hover, .get-in-touch-button:hover, .order-now-button:hover
	{text-decoration: none; color:white;}
}