@media screen and (max-width: 960px) {
	.desktop {
		display: none;
	}
	.mobile {
		display: block;
	}
	.middle {
		max-width: 90%;
	}
	#navigation UL {
		margin: 0 auto;	
	}
	#content {
		margin-left: 0;
	}
	.image-wrapper IMG {
		float: none;
		width: 100%;
		height: auto;	
		margin: 0 !important;
		padding-bottom: 25px;	
	}
	.image-wrapper {
		float: none;
		width: 100%;
		height: auto;
	}
	.grid-item {
		text-align: center;
	}
	#header .logo {
		width: auto;
	}
}