#photo1{
	margin:0;
	padding:0;
	clera:left;
list-style-type:none;
}

#photo1 li{
	margin:0;
	padding:0;
	float:left;
	width:50%;
	text-align:center;
	padding-bottom:15px;
}

#photo1 li img{
	margin:0 auto;
	padding:0;
	width:95%;
}


#photo2{
	margin:0;
	padding:0;
	clera:left;
list-style-type:none;
}

#photo2 li{
	margin:0;
	padding:0;
	float:left;
	width:25%;
	text-align:center;
	padding-bottom:15px;
}

#photo2 li img{
	margin:0 auto;
	padding:0;
	width:95%;
}

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

	#photo1 li{
		margin:0;
		padding:0;
		float:left;
		width:100%;
		text-align:center;
	}

	#photo2 li{
		margin:0;
		padding:0;
		float:left;
		width:50%;
		text-align:center;
	}
}