/********************************************************************************************* 

x. height smaller than 820px)

*********************************************************************************************/
@media only screen and (max-height:820px) {
	
	.column.left, .column.right {
		top: 20px;
	}
	
}

/********************************************************************************************* 

x. smaller than 1290px)

*********************************************************************************************/
@media only screen and (max-width:1290px) {
	
	.sub-page .column.right {
		display: none;
	}
	
}

/********************************************************************************************* 

x. smaller than 1120px

*********************************************************************************************/
@media only screen and (max-width:1120px) {
	
	.column.left {
		width: 800px;
		margin: 0 auto;
		position: relative;
		top: 0;
	}
	
	.column.middle {
		margin: 0 auto;
	}
	
	#footer {
		width: 800px;
		margin: 0 auto;
		position: relative;
	}
	
	#footer.fixed {
		position: fixed;
	}
	
	.front-page .column.left {
		width: 100%;
	}
	
	.front-page .column.right {
		position: relative;
		top: 10px;
	}
	
	.front-page #footer {
		width: 100%;
	}
	
	#logo {
		width: 100%;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
	}
	
	#menu-main-navigation {
		text-align: center;
		padding: 0;
		position: relative;
	}
	
	#menu-main-navigation li, #menu-secondary-navigation li {
		padding: 0 15px 30px 15px;
		display: inline-block;
		zoom: 1; 
		*display: inline;
		vertical-align: top;
	}
	
	#menu-secondary-navigation {
		text-align: center;
		background: #568935;
		padding: 20px 0 15px 0;
	}
	
	#menu-secondary-navigation li {
		padding: 0 15px;
		display: inline-block;
		zoom: 1; 
		*display: inline;
		vertical-align: top;
	}
	
	#navigation {
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		margin: 0;

		padding: 30px 0 0 0;
	}
	
	#navigation form {
		display: none;
	}

}

/********************************************************************************************* 

x. smaller than 800px

*********************************************************************************************/
@media only screen and (max-width:800px) {

	.sub-page #background, .sub-page .backstretch {
		display: none;
	}

}