#content{
	background:lightgrey;
}

#content h2{
	padding-top:30px;
}

#top{
	display:flex;
	background:lightgrey;
}

#top img{
	width: 100%;
	vertical-align:top;
}

#topLeft{
	width:55%;
}
#topRight{
	width:45%;
}

#middle{
	display:flex;
	background:#b4b4b4;
}

#middle img{
	width: 100%;
	vertical-align:top;
}

#middleLeft{
	width:45%;
}
#middleRight{
	width:55%;
}

#bottom{
	display:flex;
	background:lightgrey;
}

#bottom img{
	width: 100%;
	vertical-align:top;
}

#bottomLeft{
	width:62%;
}
#bottomRight{
	width:48%;
}

#topLeft,#middleRight, #bottomLeft {
	padding-bottom:10px;
}
	
#horz{
	display:none;
}

#horz2{
	display:none;
}

/*tablet*/

@media screen and (max-width: 900px) {
	
	
	#top{
	flex-direction:column;
	}
	
	#vert{
		display:none;
	}

	#horz{
		display:flex;
		width:100%;
	}
	
	#vert2{
		display:none;
	}

	#horz2{
		display:flex;
		width:100%;
	}

	#topLeft, #topRight, #middleLeft, #middleRight, #bottomLeft,#bottomRight {
	width:80%;
	padding:0 10% 0 10%;
	}
	
	#topLeft,#middleRight, #bottomLeft {
	padding-bottom:20px;
	}
	
	#middle{
	flex-direction:column-reverse;
	}

	#bottom{
	flex-direction:column;
	}
	
}
/*Mobile*/

@media screen and (max-width: 700px) {
	

	
	#topLeft, #topRight, #middleLeft, #middleRight, #bottomLeft,#bottomRight {
	width:100%;
	padding:0 0 0 0;
	}
	
	#topLeft,#middleRight, #bottomLeft {
	padding-bottom:20px;
	}

}