html{font-size: 16px;}

/** 0.6rem = 9,6px
		0.8rem = 12,8px
		1.0rem = 16px			
    1.2rem = 19,6px
		1.4rem = 22,4px
		2.0rem = 32px 
**/

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: 1.0rem; 
	font-weight: 400;
	background-color: #48444b;
	height: 60px;
	display: block;}

#hamburger {
	font-size: 20pt;
	background-color: #48444b;
	display: inline-flex;
	display: flex-inline;
	align-items: center;
	justify-content: center;
	width: 10%;
	height: 60px;
	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;
	width: auto;}

.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;}

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;}

h1 {
	font-family: Josefin Sans, sans-serif;
	text-transform: uppercase;
	font-weight: 200;
	font-size: 2.0rem;
	color: #BC6348;
	margin: 15vh 0 2.5vh 0;
	padding-right: 40%;}

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

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

.legenda {width: 40vw;}

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

.descricao {
	font-family: Merriweather, serif;
	font-weight: 400;
	font-size: 0.8em;
	margin: 0;
	padding: 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: 40vw;
	margin: 0 auto;
}

/** ------------------------------  CARDÁPIO  ------------------------------ **/
table {
border-spacing: 10px 10px;
border-collapse: separate;
table-layout: auto;}

table, tr {
	width: 40vw;
	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: 16pt;
height: auto;}

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

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

img {
	width: 40vw;
height: auto;}
	
#reserve {
	padding-right: 20%;}
	
#social-medias > * {
	font-family: Josefin Sans, sans-serif;
	font-size: 1.2rem;
	font-weight: 400;}
	
.social-m {
	width: 1.2rem;
	height: auto;
	vertical-align: middle;}
	
	
#rodape {
	font-size: 0.8rem;
	line-height: 2;
	font-weight: 400;}