html{font-size: 16px;}

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

/** -------------------- BARRA DE NAVEGAÇÃO --------------------- **/
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: 1.0rem; 
	font-weight: 400;
	background-color: #48444b;
	height: 48px;
	display: block;}

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

#navlista {
	display: inline-flex;
	display: flex-inline;
	background-color: #48444b;}

a {
	text-decoration: none;
	color: inherit;}

.navicons {
	background-color: #48444b;
	list-style-type: none;
	padding: 16px;}

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

#navlista {
	visibility: hidden;
	text-decoration: none;
	margin: 0;
	padding: 0;}

#navlista.open {visibility: visible;}
/** -------------------- FIM BARRA DE NAVEGAÇÃO --------------------- **/


main {
	display: block;
	min-height: 100vh;
	width: 90%;
	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.8rem;
	font-weight: 200;
	padding: 0 3vh 0 3vh;
	font-style: normal;
	width: 80%;
	margin: 0 auto;
	text-align: center;}

/* -------------------- CONTEÚDOS -------------------- */
.button {
	margin: 0;
	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;
	padding: 10px;}
	
h1 {
	font-family: Josefin Sans, sans-serif;
	text-transform: uppercase;
	font-weight: 200;
	font-size: 2.0rem;
	color: #BC6348;
	margin: 20vh 0 2.5vh 0;
	padding-right: 20%;
}

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

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

.legenda {width: 50vw;}

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

.descricao {
	font-family: Merriweather, serif;
	font-weight: 400;
	font-size: 0.8rem;
	margin: 0;}
	
p.descricao {column-count: 1;}

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

p {
	font-size: 0.8rem;
	line-height: 1.5;
	column-count: 1;
	font-weight: 400;}

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

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

#content-2 {padding: 5vh 0 0vh 0;}

#content-2>h2{padding-right: 0;}

img {
	width: 50vw;
	height: auto;}
/* -------------------- FIM CONTEÚDOS -------------------- */

/** ------------------------------  CARDÁPIO  ------------------------------ **/
table {
border-spacing: 10px 10px;
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: 16pt;
	vertical-align: middle;}

.desc-prato {
	padding-right: 10px;
	font-family: Merriweather, serif;
	font-weight: 400;
	font-size: 0.8em;
	vertical-align: top;}

table img, .imgcard {
	width: 7vw;
	height: auto;}
	
.img-narrow {display: none;}

.valor {
	text-align: right;
	font-family: Josefin Sans, sans-serif;
	text-transform: uppercase;
	font-weight: 200;
	font-size: 16pt;}
	
.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: 14pt;
height: auto;
}

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

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

/* -------------------- RESERVE -------------------- */
#reserve {
	padding-right: 20%;}

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

#rodape {
	font-size: 12pt;
	line-height: 2;
	font-weight: 400;}

/* -------------------- FIM RESERVE -------------------- */