html{font-size: 14px;}

/** 0.6rem = 8,4px
		0.8rem = 11,2px
		1.0rem = 14px			
    1.2rem = 16,2px
		1.4rem = 19,6px
		2.0rem = 28px 
**/

body {margin: 0; width: 100%; height: 100%; background-color: #292637; color: Burlywood;}

nav {
	z-index: 100;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	color: Burlywood;
	font-family: Josefin Sans, sans-serif;
	text-transform: uppercase;
	font-size: 0.8rem;
	font-weight: 400;
	background-color: #292637;
	height: 48px;}

#hamburger {
	font-size: 24pt;
	background-color: #292637;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 10%;
	height: 48px;
	cursor: pointer;}

a {
	text-decoration: none;
	color: inherit;
	font-size: 1.2rem;}

#navlista {
	text-decoration: none;
	margin: 0;
	padding: 0;
	max-height: 1px;
	transition: max-height 0.7s;
	overflow: hidden;}

#navlista.open {
	visibility: visible;
	background-color: #292637;
	max-height: 60vh;}

.navicons {
	display: block;
	list-style-type: none;
	padding: 16px 3% 16px 3%;
	width: 100%;
	background-color: #292637;}

.navicons:hover {background-color: #3a3540;}

.button {
	border-radius: 10px;
	background-color: #5c5961;
	border-style: none;
	font-family: Josefin Sans, sans-serif;
	text-transform: uppercase;
	font-weight: 400;
	color: burlywood;
	font-size: 12pt;
	white-space: normal;
	text-align: center;
	margin: 0;
	padding: 10px;}

main {
	display: block;
	min-height: 100vh;
	width: 100%;
	float: right;
	background-color: #48444b;}

address {
	display: inline-block;
	width: 100%;
	padding: 3vh 0 3vh 0;}

.footer {
	display: block;
	font-family: Merriweather, serif;
	color: burlywood;
	font-size: 0.9rem;
	font-weight: 200;
	padding: 0 3vh 0 3vh;
	font-style: normal;
	width: 80%;
	margin: 0 auto;
	text-align: center;}

h1 {
	font-family: Josefin Sans, sans-serif;
	text-transform: uppercase;
	font-weight: 200;
	font-size: 2.2rem;
	color: #BC6348;
	margin: 10vh 0 2.5vh 0;}

h2, p {
	font-family: Merriweather, serif;
	color: Burlywood;
	margin: 5vh 0 3vh 0;}

h2 {
	font-size: 1.4rem;
	margin-top: 2.5vh;
	font-weight: 600;}

.legenda {width: 70vw;}

h3 {
	font-family: Merriweather, serif;
	font-weight: 800;
	color: Burlywood;
	font-size: 1rem;}

.descricao {
	font-family: Merriweather, serif;
	font-weight: 400;
	font-size: 10pt;
	margin: 0;}

h3, .descricao {padding: 0 16px 0 16px;}

.tirar-celular {
	display: none;}
	
b {
	font-weight: normal;
}

p {
	font-size: 12pt;
	line-height: 1.5;
	font-weight: 400;}

.materias {
	text-decoration: underline;
	color: #c36d43;}

.content {
	width: 80vw;
	margin: 0 auto;}

#social-medias > * {
	font-family: Josefin Sans, sans-serif;
	font-size: 1.2rem;
	font-weight: 400;}
	
.social-m {
	width: 14pt;
	height: auto;
	vertical-align: middle;}
	
#rodape {
	font-size: 12pt;
	line-height: 2;
	font-weight: 400;}
	
	/** ------------------------------  CARDÁPIO  ------------------------------ **/

table {
border-spacing: 7px 7px;
border-collapse: separate;
table-layout: auto;}

table, tr {
	width: auto;
	background-color: #5b565e;
	color: NavajoWhite;}

.prato {
	font-family: Josefin Sans, sans-serif;
	text-transform: uppercase;
	font-weight: 200;
	font-size: 14pt;
	vertical-align: top;}

.desc-prato {
	font-family: Merriweather, serif;
	font-weight: 400;
	font-size: 12pt;
	vertical-align: top;
	line-height: 1.5;}

.imgcard img {display:none;}

.img-narrow img {
	width: 100%;
	height: 100%;
	object-fit: cover;}

.img-narrow td {
	height: 200px;}

.valor {
	text-align: right;
	vertical-align: top;
	font-family: Josefin Sans, sans-serif;
	text-transform: uppercase;
	font-weight: 200;
	font-size: 14pt;}
	
.vegetariano, .sobremesa, .unidades {
	padding: 3px;
	line-height: 16pt;
	font-size: 10pt;}
	
.vegetariano {
	background-color: #a0d160;
	color: DarkSlateGray;}

.sobremesa {
	background-color: #ebab96;
	color: #6e321e;}
	
.unidades {
	background-color: #edbc5a;
	color: #330000;}
	
.bullet{
color: #BC6348;}

#button2 img {
width: 16pt;
height: auto;}

#button2 {
	font-size: 12pt;
	background-color: #2f8661;
	color: White;
	margin: 1.4em;}

/** ------------------------------  FIM-CARDAPIO  ------------------------------ **/

img {	width: 75vw;
height: auto;
}