@media screen and (max-width: 960px) {

	#container {
		width: 95%;
		padding: 3% 4%;
	}

#header {
	width: 70%;
		height: auto;
	}
}

@media screen and (max-width: 650px) {

	#header {
		height: auto;
	}

	#searchform {
		position: absolute;
		top: 5px;
		right: 0;
	}

	#main-nav {
		position: static;
	}

	.logo {
		margin: 5px;
		position: static;
	}

	.info-box {
		display:block;
		margin: 10px;
	}

	#content {
		width: auto;
		margin: 20px 0;
	}

	#sidebar {
		width: 100%;
		float: none;
		margin: 0;
	}

}

@media screen and (max-width: 480px) {

	html {
		-webkit-text-size-adjust: none;
	}

#header {
    height: auto;
}
	#main-nav a {
		font-size: 90%;
		padding: 10px 8px;
	}

}

img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}