/*
      ___         ___                                       ___     
     /\  \       /\  \         _____                       /\  \    
    /::\  \     /::\  \       /::\  \                     /::\  \   
   /:/\:\__\   /:/\:\  \     /:/\:\  \                   /:/\:\  \  
  /:/ /:/  /  /:/ /::\  \   /:/ /::\__\   ___     ___   /:/  \:\  \ 
 /:/_/:/  /  /:/_/:/\:\__\ /:/_/:/\:|__| /\  \   /\__\ /:/__/ \:\__\
 \:\/:/  /   \:\/:/  \/__/ \:\/:/ /:/  / \:\  \ /:/  / \:\  \ /:/  /
  \::/__/     \::/__/       \::/_/:/  /   \:\  /:/  /   \:\  /:/  / 
   \:\  \      \:\  \        \:\/:/  /     \:\/:/  /     \:\/:/  /  
    \:\__\      \:\__\        \::/  /       \::/  /       \::/  /   
     \/__/       \/__/         \/__/         \/__/         \/__/    

		---*/

/* CSS RESET */

*{
	
	margin: 0;
	padding: 0;
	font-family: 'Zen Kaku Gothic New', sans-serif; /*GOOGLE FONTS */
	list-style-type: none;
}



/* HTML SEMANTIC TAGS */

html {
	scroll-behavior: smooth;
}

header,section,footer { /*TAKES FULL DEMENSION OF SCREEN*/
	width: 100vw;
	height: 100vh;
	padding: 2vh 20vw 0 2vw;

}
	h1 {
		font-size: 10vw;
		font-weight: normal;
		color: ghostwhite;
	}

nav {
	position: fixed;
	top: 25vh;
	right:  2vw;
}
		ol {
			list-style-type: none;
		}
		a:link {
			display: inline-block;
			width: 2vw;
			height: 2vw;
			border: 0.2vw solid white;
			border-radius: 50%;
			border-style: dashed;
			background-color: rgba(255,255,255,0.2);
			margin-bottom: 2vh;
			text-decoration: none;
			color: whitesmoke;
		}

			span {
				display: block;
				text-align: right;
				width: 10vw;
				font-size: 1.2vw;
				right: 0;
				opacity: 0;
				position: relative;
				top: 0.2vw;
				transition: right 0.2s, opacity 0.2s;


			}

				a:hover span {
					font-size: 1.2vw;
					right: 11vw;
					opacity: 1;

				}


article {
	background-color: beige;
	border: solid;
	float: left;
	text-align: center;			
}
.address,.hours,.contact {
	width: 25%;
	height: 20%;
	margin-top: 10%;
	margin-left: 4%;

}
.food {
	width: 25%;
	height: 25%;
	margin-top: 15%;
	margin-left: 15%;
	justify-content: center;
	background-image: url(../img/foodtacos.jpg);
	font-size: 2em;


}
.drinks {
	width: 25%;
	height: 25%;
	margin-top: 15%;
	margin-left: 15%;
	justify-content: center;
	background-image: url(../img/drinkmenu.jpg);
	background-position: center center;
	font-size: 2em;
}

footer {
	text-align: center;
	color: whitesmoke;
}






/* CSS COLOR CLASSES */

.black {
	background-color: black;
	text-align: center;
	padding-top: 17%;
}
.blackshade {
	background-color: #141414;
}

.yellow {
	background-color: #eaa906;

}
.orange {
	background-color: #f36633;
}
.pink {
	background-color: #fb689a;
}
.grey {
	background-color: #292929; 
}



/*MENU */







/*

article {
	width: 25vw;
	height: 85vh;
	background-color: #b88505;
	border: 1px solid grey;
}

2nd version
article  {
	width: 60%;
	height: 80%;
	float: left;
	background-color: #b88505;
}

.info {
	
	margin: 1%;
}



*/