#photo{
	width: 100vw;
	height: min-content;
    /*margin: 50px 0px;*/
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	/*border: 1px solid;*/

}

.photos{
	min-width: 25%;
	height: 40vh;
	border: 1px solid white;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}


#photos_1{
	background-image: url(Image/p1.jpg);
}
#photos_2{
	background-image: url(Image/p2.jpg);
	
}
#photos_3{
	background-image: url(Image/p3.jpg);
		
}
#photos_4{
	background-image: url(Image/p4.png);
	
}
#photos_5{
	background-image: url(Image/p5.jpg);
	
}
#photos_6{
	background-image: url(Image/p6.jpg);
	
}
#photos_7{
	background-image: url(Image/p7.jpg);
	
}
#photos_8{
	background-image: url(Image/p8.jpg);
	
}
@media only screen and (min-width: 0px) and (max-width: 520px){
	.photos{
		min-width: 50vw;
    	height: 30vh;
	    /*border: 1px solid;*/
	}
}


@media only screen and (min-width: 521px) and (max-width: 800px){
	.photos{
		min-width: 33vw;
    	height: 40vh;
	    /*border: 1px solid;*/
	}
}