#content{
	background:lightgrey;
}

#content img{
	border:solid 2px grey;
	width: 100%;
}

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

#top{
	display:flex;
}

#topLeft{
	width:50%;
	padding: 3% 1.5% 1.5% 3%;
}
#topRight{
	width:50%;
	padding: 3% 3% 1.5% 1.5%;
}

#mid{
	display:flex;
}

#midLeft{
	width:50%;
	padding: 1.5% 1.5% 3% 3%;
}
#midRight{
	width:50%;
	padding: 1.5% 3% 3% 1.5%;
}

#bottom{
	display:flex;
}

#bottomLeft{
	width:50%;
	padding: 1.5% 1.5% 3% 3%;
}
#bottomRight{
	width:50%;
	padding: 1.5% 3% 3% 1.5%;
}

/*tablet*/

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

	#top{
	flex-direction:column;
	}


	#topLeft{
	width:80%;
	padding:3% 10% 3% 10%;
	}
	#topRight{
	width:80%;
	padding:3% 10% 3% 10%;
	}
	
	#mid{
	flex-direction:column;
	}


	#midLeft{
	width:80%;
	padding:3% 10% 3% 10%;
	}
	#midRight{
	width:80%;
	padding:3% 10% 3% 10%;
	}

	#bottom{
	flex-direction:column;
	}

	#bottomLeft{
	width:80%;
	padding:3% 10% 3% 10%;
	}
	#bottomRight{
	width:80%;
	padding:3% 10% 3% 10%;
	}
		
}
/*Mobile*/

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

	
	#topLeft{
	width:94%;
	padding:3% 3% 1.5% 3%;
	}
	
	#topRight{
	width:94%;
	padding:1.5% 3% 1.5% 3%;
	}
	
	#midLeft{
	width:94%;
	padding:3% 3% 1.5% 3%;
	}
	
	#midRight{
	width:94%;
	padding:1.5% 3% 1.5% 3%;
	}

	#bottomLeft{
	width:94%;
	padding:1.5% 3% 1.5% 3%;
	}
	
	#bottomRight{
	width:94%;
	padding:1.5% 3% 3% 3%;
	}

}