body {background-color: #000;}

#wrapper {
	position: relative;
	width: 90%;
	margin: 0 auto;
	text-align: center;
}

.smallImage {
	border: 3px solid #fff;
	border-style: outset;
	margin: 5px 2px;
	cursor: pointer;
}

.pswp__caption__center {
  font-family: Verdana;
  font-size: 0.8em;
  font-weight: normal;
  font-style: normal;
	border: 1px solid #fff;
	background-color: rgba(133, 133, 133, 0.5);
	text-align: center;
}

/*desktop styles*/
@media only screen and (min-width: 801px) {
	.pswp__caption__center {max-width: 50%;}
}

/*tablet styles*/
@media only screen and (min-width: 501px) and (max-width: 800px) {
	.pswp__caption__center {max-width: 68%;}
}

/*mobile styles*/
@media only screen and (min-width: 50px) and (max-width: 500px) {
	.pswp__caption__center {max-width: 80%;}
}