@media screen and (max-width: 1366px) and (max-height: 1919px) {
body { 
	width: 1366px;
	height: 768px;
	
}
}

* {
		margin: 0;
		padding: 0;
		font-family: Bodoni, Arial, sans-serif;
		list-style-type: none;
	}
@font-face {
font-family: neons;
src: url("../fonts/neons.otf")
}

@font-face {
font-family: europe;
src: url("../fonts/europe.ttf")
}

@font-face {
font-family: heptaslab;
src: url("../fonts/heptaslab.ttf")
}

	html {
		scroll-behavior: smooth;
	}

	section {
		width: 78vw;
		height: 98vh;
		padding: 2vh 20vw 0 2vw;
	}
	footer {
		width: 78vw;
		height: 15vh;
		padding: 2vh 20vw 0 2vw;
	}
		header {
		width: 78vw;
		height: 30vh;
		padding: 2vh 20vw 0 2vw;
	}
	main {width: 78vw;
		height: 100vh;
		padding: 2vh 20vw 0 2vw;

		}

		h1 {font-family: heptaslap;
			font-size: 27pt;
			font-weight: normal;
			text-align: center;
			margin-left: 25%;
			color: black;
			margin-top: 3%;}

			 h6 {
				font-size: 11pt;
				font-weight: normal;
				color: white;}
 h2 {
 	font-family: heptaslab;
				font-size: 14pt;
				
				color: black;}
				p {
				font-size: 13pt;
				font-weight: normal;
				color: black;
				margin-left: 25%;
				text-align: center;}

			

			h4{font-family: heptaslab, bold;
				font-size: 14pt;
				color: #4d1a00;

			}
			a { text-decoration: none }

			h4:hover { font-family: "neons";
	color: orange;
	font-size:  14pt;
	text-align: left;

}
			div {
			
	display: inline-block;
	float: left;
	margin-top: 2vh;
	border: 2px; 
	padding: 6px;
	margin-left: 3%;
	}

img#chef {
	float: left;
	margin-top: 3%;
	margin-left: 9%;
	margin-right: 3%;

width: 20%;
height: 25%;}



footer {background-color: #4d1a00;
		width: 78vw;
		height: 13vh;
		float: left;
		}