@charset "utf-8";
/* ===== GENERAL STYLES =====*/
body {
	font-family:Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background-color: #f4f4f4;
}

header {
	background-color: #355e3b;
	color: white;
	padding: 20px;
	text-align: center;
	}

/*===== NAVIGATION =====*/
nav{
	background-color:#2c4c30;
}


nav ul{
	list-style-type: none;
	margin:0;
	padding:0;
	overflow: hidden;
}

nav li {
	float: left; /* FLOAT positioning */
}

nav li a {
	display: block;
	color: white;
	padding: 14px 20px;
	text-decoration: none;
}

nav li a:hover{
	background-color:#4f7942;
}

/* ===== CONTENT =====*/
.container{
	padding: 20px;
	background-color: white;
	margin: 20px;
}

#highlight{
	background-color: #e0efe3;
	padding: 15px;
	border: 2px solid #355e3b;
}

/*===== Images =====*/
footer {
	background-color: #355e3b;
	color: white;
	text-align: center;
	padding: 10px;
	position: fixed; /* FIXED positioning */
	bottom: 0;
	width: 100%;
}
/* ===== IMAGES ===== */
img{
	max-width: 100%;
	height: auto;
	border: 3px solid #ccc;
}