*{
	margin:0;
	padding:0;
}
@font-face{
	font-family:kaushanscript;
	src:url("../fonts/KaushanScript-Regular.otf");
}
img{
	width:100%;
	height:150%;

}
img.logo{
	width:25%;
	height:100%;
	float:left;
	background-color:white;
}
img.molecajete{
	height:100%;
}
header{
	width:100%;
	height:7vw;
	background-color:lightblue;
}
nav{
	width:75%;
	height:100%;
	background-color:white;
	float:right;
}
ul{
	width:75%;
	float:right;

}
li{
	
	display:inline-block;
	margin-top:3%;
	margin-left:8%;
	text-decoration-color: white;
	text-align:center;
}

a{
	font-family: "kaushanscript",serif;
	font-size:12pt;
}
h1{
	font-family: "Philosopher","Baskerville",serif;
	color:white;
	font-size:36pt;
	text-align: center;
}
h3{
	font-family: "Philosopher","Baskerville",serif;
	color:white;
	font-size:18pt;
	text-align: center;
}
h4{
	font-family:"Palatino","Times New Roman",serif;
	font-size:10pt;
	color:white;
}

body{
	width:100%;
	height:100%;
	background-image: url(../img/substances-43354_1920.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}

article{
	width:78%;
	height:100%;
	background-color:gray;
	display:inline-block;
	margin-left:10%;
	margin-right:10%;
}
section{
	width:100%;
	height:45%;

}
section.bottom-home{
	width:100%;
	height:30%;
	float:left;
	display:inline-block;
	margin-top:2%;
	background-color:pink;
}
div{
	width:100%;
	height:45%;
}
figure{
	width:35%;
	height:100%;
	float:left;
	display:inline-block;
	background-color:orchid;
}

figure.right-home-pic{
	width:30%;
	height:100%;
	float:right;
	display:inline-block;
	background-color:orchid;
}

footer{
	width:100%;
	height:5.5vw;
	float:left;
	margin-top:2%;
	margin-bottom:0;
	background-color:white;
	position:relative;
}

footer li{
	list-style-type: :none;
	margin-left:3%;
}
footer ul{
	width:100%;
	float:none;
}
img.menu-icon{
	width:100px;
	height:100px;
	margin-left:5%;
}

/*ABOUT*/
section.about{
	width:45%;
	height:80%;
	display:inline-block;
	float:left;
	margin-left:5%;
	background-color:lightpink;
}
img.about-pic{
	width:100%;
	height:100%;
}

/*RESERVATION*/
section.form{
	width:30%;
	height:30%;
	margin-bottom:5%;
	margin-left:35%;
	background-color:pink;
	text-decoration-color: white;

}
/*PRODUCTOS*/
section.productos{
 width:100%;
 height:1000px;
 margin-top:5%;
 display:inline-block;
 background-color:orchid;
}

figure.productos{
width:35%;
height:25%;
margin:8%;
margin-right:3%;
display:inline-block;
background-color:crimson;
}
/*MENU*/
nav.second{
	width:100%;
	height:35%;
	font-size:12pt;
	background-color:crimson;
	display:inline-block;
}
section.dishes{
	width:40%;
	height:100%;
	background-color:lightblue;
	display:inline-block;
	float:left;
	margin-left:6.5%;

}
figure.dish-name{
	width:100%;
	height:30px;
	background-color:pink;
	display:block;
	float:left;
	margin-top:2%;
	
}
figure.about-dish{
	width:100%;
	height:30px;
	background-color:pink;
	display:block;
	float:left;
	margin-top:2%;
	
}