/* screens smaller than 980---------------------------------------------------------- */
@media only screen and (min-width:691px) and (max-width:1024px) {

/*header*/
/*------------------------------------------------------------------------------*/
header{	width: 95%;}
header h1{margin-bottom: 20px;}
#headnav{margin-bottom: 30px;}

#header_left {
	width:30%;
}

#header_left #logo {
	max-width:100%;
	height:auto;
}
#header_left #logo img {
	max-width:100%;
	height:auto;
}

/*footer*/
/*------------------------------------------------------------------------------*/
footer{
	padding: 0 0 10px;
}
#footer_logo {
	width:100%;
	float:none;
	margin-bottom:25px;
}
.footnav_box {
	width:690px;
	display:table;
	margin-left:auto;
	margin-right:auto;
	float:none;
}


/* pagetop */
/*------------------------------------------------------------------------------*/
#topcontrol{
	display: none;
}



/*------------------------------------------------------------------------------*/
}

@media only screen and (min-width:691px) and (max-width:1378px) {
.footer_right {
	float:none;
	width:100%;
	text-align:center;
}
.footer_left {
	width:100%;
	float:none;
	margin-bottom:20px;
}

}