@media only screen and (min-width: 1024px) {

#wrapper{
	max-width:1024px;
	margin-left:auto;
	margin-right:auto;
}	
#gallery{
	grid-template-columns: repeat(3,30%);
	grid-gap:3%;
}
.galleryitem:hover{
	box-shadow: 5px 5px 10px dimgray;
}
.story{
	display:flex;
	max-width:1000px;
}
.storyimg{
	flex-basis:300px;
	align-self:center;
	order:1;
}
.storytext{
	padding-right:20px;
	flex-basis:400px;
	flex-grow:4;
	order:0;
}
.storytext h2{
	text-align:left;
	font-size:2em;
}
#citysnapshot{
	width:85%;
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
	flex-direction:row;
}
}