@media screen and (max-width: 1600px) {
}

@media screen and (max-width: 1220px) {
}

@media screen and (min-width: 769px) and (max-width: 1140px) {
	body, td, button { font-size: 20px;}
	h1 { font-size: 1.8em;}
	.center { max-width: 1000px;}
	.logo img { width:180px ;}
	.nom > div { margin-left: 0 !important; margin-right: 0 !important;}
}

@media screen and (max-width: 1140px) {
	section > div { margin-left: 5% !important; margin-right: 5% !important;}
	footer .links { font-size: 0.8em; font-weight: 300;}
}

@media screen and (max-width: 980px) {
}

@media screen and (max-width: 768px) {
	button.hamburger { display:block; position:fixed; top:20px; right:10px; z-index:103; padding:18px 10px; width:60px; height:60px; text-align:center; outline:none; border-radius:50%; }
	.hamburger.is-active:hover, .hamburger:hover { opacity:1 }
	.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { background-color:#771c21; transition:0.5s }
	.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before { background-color:#771c21 }
	.hamburger.is-active { background:none }
	.is-active .hamburger-box { zoom:0.8; top:5px }
	.center { padding: 0;}
	.scroll header .logo { box-shadow: 0px 0px 10px -5px #000;}
	.btn1 { min-width: 100px;}
	.experiencia { padding: 60px 0 40px;}
	.experiencia .btn2 + .btn2 { margin-top: 20px;}
	body { padding-top: 90px;}
	body, td, button { font-size: 20px;}
	h1 { font-size: 2em; margin-bottom: 20px;}
	hr { margin: 35px 0 25px;}
	hr::before, hr::after { width: 30%;}
	form button, .btn1, .btn2 { font-size: 1em; padding: 11px 20px 13px 20px; }
	header nav { position:fixed; left:-100vw; top:0; z-index:100; background:#771c21; width:100vw; height:100vh; transition: 0.5s; margin:0; display: flex; align-items: center }
	header nav ul { width: 100%; display: block !important; }
	header nav ul li, header nav ul li.alpha { float:none; display:block; text-align:center; margin:10px 0!important; line-height:normal }
	header nav ul li a { font-size:22px; display:block; padding:20px 0; color:#FFF }
	header.open nav { left:0 }
	header .logo { position: fixed; top: -10px; left: 0; width: 100%; text-align: center; background: #ebe0d2; }
	header .logo a { padding: 12px 0;}
	header .logo img { max-width: 110px;}
	#banner > div, #galeria > div { margin-left: 0 !important; margin-right: 0 !important;}
	#banner h1 { font-size: 1.8em; margin:20px }
	#banner figure { width: 100%; overflow: hidden;}
	#banner figure img { width: 160%; position: relative; left: -30%; max-width: none;}
	#welcome .btn1 { min-width: 250px;}
	#welcome .btn1 + .btn1 { margin-top: 20px;}
	#galeria .grid3 { width: 50%;}
	#depoimentos blockquote { font-size: 1em;}
	#local .flex-center { display: block;}
	#local .mapa { max-width: 100%; margin-bottom: 30px;}
	#pomerode { padding-top: 100px;}
	#pomerode h1 { margin-bottom: 30px;}
	#pomerode .box { padding: 30px;}
	#restaurante figure img { border-width: 8px;}
	#restaurante h1 { font-size: 1.5em;}
	#restaurante h1:first-child { margin-top: 40px;}
	#restaurante .grid5 figure:first-child { margin-top: 40px;}
	#cardapio .btn1 { margin: 45px 0 60px;}
	#contato .box1 { text-align: center; margin-top: 60px;}
	footer { text-align: center; position: relative; padding: 150px 0 50px 0;}
	footer .logo { position: absolute; top: 50px; left: 0; width: 100%; }
	footer .logo img { max-width: 120px; }
	footer .links { margin-top: 30px; font-size: 0.8em; font-weight: 300;}
}

@media screen and (max-width : 640px) {
}

@media screen and (max-width : 480px) {
}

@media screen and (max-width : 380px) {
}

@media screen and (max-width : 320px) {
}