@media screen and (min-width: 0px) {

#page-wrapper{
}
	
#header-wrapper{
	background-color: #111;
	margin: 0;
}
	
#highlights-wrapper{
	background-color: #e7e7e7;
	margin: 1rem;
}
	
#main-wrapper{
	/*background-color: #eee;*/
	margin: 1rem;
}

.sidebar-wrapper{
	/*background-color: #eee;*/
	margin: 5rem 0 0;
}

.content-wrapper{
	/*background-color: #eee;*/
	margin: 0;
}

#footer-wrapper{
	background-color: #111;
	margin: 5rem 0 0 0;
	padding: 2rem 1rem;
}

.frontPage-wrapper #footer-wrapper{
	margin-top: 0;
}

}


@media screen and (min-width: 800px) {

#page-wrapper{
}
	
#header-wrapper{
	margin: 0;
}
	
#highlights-wrapper{
	margin: 1rem;
}
	
#main-wrapper{
	max-width: calc(1000px + 2rem);
	padding: 0 1rem;
	margin: 3rem auto 0;
}

.sidebar-wrapper{
	margin: 0;
	padding: 0;
	float: left;
	width: calc(200px - 1rem);
}

.content-wrapper{
	margin: 0;
	padding: 0;
	width: calc(100% - 200px - 1rem);
	float: right;
}

#footer-wrapper{
	width: 100%;
	display: inline-block;
	margin: 3rem 0 0 0;
	clear: both;
}

	
}