/*
 * Global Stylesheet
 * (c) Brehanu Bugg, 2019-now
 * All rights reserved.
 */


* {
	margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    box-sizing: border-box;
    transition: all 0.2s ease-in-out;
}

body, html {
	font-family: var(--font);
	padding: var(--unit-l) 0;
}

.wrapper {
	width: 100%;
	max-width: 90%;
	margin: 0 auto;
}

h1 {
	font-size: 1.56rem;
	font-weight: bold;
}

p, a {
	font-size: 18px;
	line-height: 1.75rem;
}

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

a:hover {
	color: var(--link) !important;
}

a.accent {
	color: var(--link);
	font-weight: 500;
}

img { max-width: 100%; }

section.nav { margin-bottom: var(--unit-xxl); }

section.nav:last-child { 
	margin-top: var(--unit-xxl); 
	margin-bottom: 0;
}

section.nav nav, section.nav footer {
	text-align: center;
}

section.nav nav a.name, section.nav footer a.name {
	display: block;
	font-weight: bold;
	margin-bottom: var(--unit-base); 
}


section.nav nav ol li, section.nav footer ol li {
	list-style-image: none;
	display: inline-block;
	text-align: right;
	margin-left: var(--unit-m);
}

section.nav nav ol li a, section.nav footer ol li a { color: var(--gray); }

section.header header { margin-bottom: var(--unit-xxl); }

section.header header div.wrapper {
	display: block;
}

section.header header img, section.header header div.text {
	display: block;
	text-align: center;
}

section.header header img {
	width: 154px;
	margin: 0 auto;
	padding-bottom: var(--unit-l);
}

section.header header h1 { margin-bottom: var(--unit-m); }

section.header header p { color: var(--gray); }

section.appetizers div.appetizer { margin-bottom: 72px; }

section.appetizers div.appetizer:last-child { margin-bottom: 0; }

section.appetizers div.appetizer img {
	margin-bottom: var(--unit-m);
}

section.appetizers div.appetizer div.text {
	text-align: center;
}

section.appetizers div.appetizer div.text p {
	color: var(--gray);
	font-style: italic;
	margin-bottom: var(--unit-base) / 2;
}

section.appetizers div.appetizer div.text a {
	text-align: right;
}