/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {

	/* pagewrap */
	#wrapper {
		width: 95%;
	}

	/* content */
	#main-box1, #main-box2 {
		width: 60%;
		padding: 3% 4%;
	}

	#footer{width:auto;}
}

/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {
/* pagewrap */
	#wrapper {
		width: 95%;
	}
	#header{width:60%;}
	#container{
		max-width:640px;}
	/* header */
	#header {
		height: auto;
	}
#headimg{display:none;}

	
	/* main nav */
	#nav {
		position: static;
	}

	/* content */
	#main-box1, #main-box2,  {
		width: 95%;
		clear:both;
		float: left;
		margin: 20px 0;
	}

	/* sidebar */
	#main-box-3, #main-box4 {
		width: 95%;
		margin: 0;
		clear: both;
		float: left;
	}
	
	#footer{width:60%;}
}

/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 480px) {

/* pagewrap */
	#wrapper {
		width: 95%;
	}
	#headimg{display:none;}
	#head{width:460px;}
	#header {
    width:90%
	height: 111px;
	background-image: url(../images/head-img-mobile.jpg);
	background-repeat: no-repeat;

}
	#container{max-width:360px;}
	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}
	
	.row {margin:0px;}
	/* main nav */
	/* content */
	#main-box1, #main-box2, #main-box-3, #main-box4  {
		width: 280px;
		margin-top:20px;
		margin-right:10px;
		margin-bottom:20px;
		clear:both;
	}

	#main-box3{margin-top:40px;}
	#footer{width:100%;
	background-color:#FFF;}
	
	#contactinfo{
		clear:both;
		margin-left: 37px;}
	#sitemap{
		margin-left: 37px;
		clear:both;
	}
	#connect{
		margin-left: 37px;
		clear:both;}
	#header{
		width:460px;}
	#footerwrapper{
		background-color:#FFF;
}