#main-body {
  text-align: center;
}

#photos {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 500px;
}

.single-photo {
  position:absolute;
  margin-left: auto;
  margin-right: auto;
}

.photo-title {
  margin: 20px 0 20px 0;
}

.photo-image {
  border: none;
}

.photo-caption {
  position: relative;
  margin: auto;
  top: -50px;
  height: 50px;
  width: 300;
  background-color: black;
}

.photo-caption-text {
  position: relative;
  margin: auto;
  top: -100px;
  width: 300px;
  color: white;
}