.photo-list {
	margin: 0em; padding: 0em;
	text-align: center;
	/*outline: 1px dashed blue;*/
}

.photo-list li {
	margin: 0.5%; padding: 0;
	text-align: center;
	display: inline-block;
	position: relative;
}

.photo-list p {
	float: left;
	position: absolute;
	bottom: 0em; left: 0px;
	width: 100%;
	margin: 0 auto; padding: 0.25em 0;

	font-family: "Roboto", "HelveticaNeue-Thin", "Helvetica Neue Thin", "Helvetica Neue", Helvetica, sans-serif; 
	font-weight: 300;
	color: #fff;
    background-color: rgba(0,0,0,0.65);
}


.photo-list img {
	float: left;
	width: 100%; height: auto;
}

/* FIVE ACROSS */
@media only screen and (min-width : 1400px) {
	.photo-list li {
		width: 18%;
		/*outline: 1px solid aqua;*/
	}
}

/* FOUR ACROSS */
@media only screen and (max-width : 1400px) {
	.photo-list li {
		width: 23%;
		/*outline: 1px solid orange;*/
	}
}

/* THREE ACROSS */
@media only screen and (max-width : 1024px) {
	.photo-list li {
		width: 31%;
		/*outline: 1px solid red;*/
	}
}

/* TWO ACROSS */
@media only screen and (max-width : 750px) {
	.photo-list li {
		width: 48%;
		/*outline: 1px solid green;*/
	}
	
}

@media only screen and (max-width : 480px) {
	.photo-list li {
		margin: 2% 0;
		width: 100%;
		/*outline: 1px solid blue;*/
	}
}