/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {
	#pagewrap {
		width: 95%;
	}
	#content {
		width: 60%;
		padding: 3% 4%;
	}
}
/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {
	#header {
		height: auto;
	}
	#searchform {
		position: absolute;
		top: 5px;
		right: 0;
		z-index: 100;
		height: 40px;
	}
	#searchform #s {
		width: 70px;
	}
	#searchform #s:focus {
		width: 150px;
	}
	#main-nav {
		position: static;
	}
	#site-logo {
		margin: 15px 100px 5px 0;
		position: static;
	}
	#site-description {
		margin: 0 0 15px;
		position: static;
	}
	#content {
		width: auto;
		float: none;
		margin: 20px 0;
	}
	#nav li, div {
		font-size: 12px;
	}
}
/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 480px) {
	html {
		-webkit-text-size-adjust: none;
	}
	#main-nav a {
		font-size: 110%;
		padding: 18px 8px;
	}
	.action [class*=icon-] {
		font-size: 34px;
		color: #ed7700;
		text-align: center;
		padding: 0 8px;
		margin: 0 3px;
	}
}