body{
		background-color:#f4f4f4;
		color:#555;
		font-family:Arial, Helvetica, san-serif;
		font-size:16px;
		line-height:1.6em;
		margin:0;
}

.container{
	width:80%;
	margin:auto;
	overflow:hidden;
}

#main-header{
	background-color:olive;
	color:#fff;
}
/* Enter the above first, then preview */

#navbar{
	background-color:#333;
	color:#fff;
}

#navbar ul{
	padding:0;
	list-style:none;
}

#navbar li{
	display:inline;
}

#navbar a{
	font-size:18px;
	padding-right:25px;
}

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

a:hover{
	color:yellow;
}
/* Enter the above (in stages?), then preview */
	
#main-footer {
	background:#333;
	color:#fff;
	text-align:center;
	padding:20px;
	margin-top:40px;
}
/* Enter the above, then preview */
	
#main{
	float:left;
	width:70%;
	padding:10px;
	box-sizing: border-box;
}


#sidebar{
	float:right;
	width:30%;
	background:olive;
	color:#fff;
	padding:10px;
	box-sizing: border-box;
}
/* Enter the above, then preview */

#showcase{
	background-image:url("0131_cr.jpg");
	background-size: 1280px;
	opacity:1.0;
	background-position:center right;
	/* height:300px; */
	min-height:200px;
	margin-bottom:30px;
	text-align:center;
}

#showcase h1{
		color:#fff;
		font-size:30px;
		line-height:1.6em;
		padding:30px;
}
/* Enter the above, then preview */

@media(max-width:600px){
	#main{
		width:100%;
		float:none;
	}
	
	#sidebar{
		width:100%;
		float:none;
	}
	
	#navbar li{
	display:block;
}
	
}