@media screen and (min-width: 981px) {
	header > h1 {
		margin-top: 20px;
		margin-left: 0px;
		font-size: 22px;
	}

	#sidebar {
		position: fixed;
		top: 150px;
		right: 0px;
		width: 280px;
		padding: 7px;
	}
	
	#content {
		margin-right: 294px;
	}
	
	div.filter-element > div {
		display: inline;
		margin-left: 20px;
	}
}

@media screen and (max-width: 980px) {
	header > h1 {
		margin-top: 20px;
		margin-left: 140px;
		font-size: 22px;
	}
	
	#sidebar {
		position: fixed;
		top: 150px;
		right: 0px;
		width: 28%;
		padding-left: 1%;
		padding-right: 1%;
		padding-top: 7px;
		padding-bottom: 7px;
	}
	
	#content {
		width: 70%;
	}
	
	div.filter-element > div {
		margin-left: 17px;
	}
}

@media screen and (max-width: 700px) {
	header > h1 {
		margin-top: 10px;
		margin-left: 20px;
		font-size: 12px;
	}
	
	#sidebar {
		position: static;
		float: none;
		width: 96%;
		padding-left: 2%;
		padding-right: 2%;
		padding-top: 7px;
		padding-bottom: 7px;
	}
	
	#content {
		width: 100%;
	}
	
	div.filter-element > div {
		display: inline;
		margin-left: 10px;
	}
}