@media screen and (max-width: 1240px){
	#page { width: 980px; padding: 10px; }
	#logo > a { font-size: 40px; }
	#logo > p { max-width: 320px; }
	
	.left { width: 660px; float: left; margin-bottom: 20px; }
	
	.column-right { width: 315px; }
	.column-right.border:before { left: -16px; }
	.column-left { width: 315px; }
	.column-left.border:before { right: -15px; }
	
	.column-left.background { padding: 10px; width: 315px; top: 0; }
	.column-left.background h2 { padding: 10px; margin: -10px -10px 10px; }

	.block-gallery li { width: 143px; }
}



@media screen and (max-width: 1020px) {
	#page { width: 710px; padding: 15px; }
	#logo { margin: 10px 30px 20px 0; width: auto; }
	.left { width: 400px; float: left; margin-bottom: 20px; }
	.weather { clear: both; }
	.column-right { width: auto; float: none; margin-bottom: 20px; }
	.column-right.border:before { display: none; }
	.column-left { width: auto !important; float: none; margin-bottom: 20px; }
	.column-left.border:before { display: none;}
	#header .print { float: none; position: absolute; bottom: 0; right: 0; margin: 0; padding: 10px 0 0 10px; height: 150px; }

}


@media screen and (max-width: 760px) {
	
	#page { width: auto; padding: 0; margin: 0; }
	.left,
	.right,
	.wide-md { float: none; width: auto; }

	#logo { margin: 10px; }
	.logotype { display: none; }

	.block-tile.extra { float: left; width: 100%; } 
	.block-tile.extra li { width: 100%; } 
	
	.block-gallery li { width: 133px; }
	#header .print { display: none; }

}