@charset "utf-8";
/* CSS Document */

/*headline: font-family: "Momo Trust Display", sans-serif;
paragraph: font-family: "Crimson Text", serif;
*/

/*fall forest
	brown: #593C18
	light brown: #8C5B30
	orange: #BF4215
	red: #A61103
	dark red: #590202
*/


* {
	box-sizing: border-box;
	margin: 0;
}

body {
	margin: 0 auto;
	padding: 0;
	width: 100%;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Momo Trust Display", sans-serif;
}

p {
	font-family: "Crimson Text", serif;
}

/*center an image*/
img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*main navigation*/
#mainNav {
	overflow: hidden;
	margin: 0;
	display: block;
	position: fixed;
	background-color: #593C18;
	width: 100%;
	font-family: "Momo Trust Display", sans-serif;
	height: 47px;
}

#mainNav a {
	float: left;
	margin: 0;
	display: inline-block;
	color: #8C5B30;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none; /*removes underline*/
}

#mainNav a:hover {
	background-color: #8C5B30;
	color: #BF4215;
	font-weight: bold;
}

#mainNav-right .active {
	background-color: #BF4215;
	color: #8C5B30;
}

#mainNav-right {
	float: right
}

.row:after {
	content: "";
	display: table;
	clear: both;
}

/*banner section*/

.home_bg {
	background: #590202 url("images/stefan-vladimirov-Q_Moi2xjieU-unsplash_optimized.jpg")no-repeat center center;
	background-size: cover;
	height: 300px;
	margin-top: 20px;
			
}

.home_bg h1 {
	text-align: center;
	line-height: 300px;
	color: #BF4215;
	font-size: 4em;
}


/*flexbox 2 column layout*/

.container {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: baseline;
}

.hunger {
	margin: 0;
	padding: 0.5em;
	flex-basis: 40%
}

.hunger h2 {
	font-size: 2em;
	text-align: center;
	font-weight: 900;
	color: #A61103;
	
}

.basic {
	background: white url("images/leo_65-hands-2665660_optimized.jpg")no-repeat center;
	background-size: cover;
	height: 400px;
		
}
	

footer {
	background-color: #593C18;
	text-align: center;
	line-height: 60px;
	color: #8C5B30
	
	
}