.column {
  -ms-flex: 25%; /* IE10 */
  flex: 25%;
  max-width: 25%;
  padding: 0 4px;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}

.content1 {
  position: absolute;
  bottom: 0;
  background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
  color: #f1f1f1;
 /* width: 100%;*/
  padding: 13px;

}
h1 , h4{
  font-family: 'Playfair Display', serif;
  text-align: center;
}
.responsive {
  width: 100%;
  max-width: 500px;
  max-height: 230px;
  height: 100%;
}
li:hover {opacity: 0.6}
.a:hover {opacity: 0.6}
.img-thumbnail:hover {
  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}

body {
	background-image: linear-gradient(to right top, #e7b4e6, #d591cf, #c46db6, #b3469d, #a20b83);
}