/* background
------------------------------------------------------------ */
.landscape {
    background-image: url("../img/galAd/Waterlilies at Evening.JPG");
}
.stillLife {
    background-image: url("../img/galAd/AutumnHarvest.jpg");
}
.figure {
    background-image: url("../img/galAd/The Deciders.JPG");
}
.abstract {
    background-image: url("../img/galAd/Cosmos.jpg");
}

/* general
------------------------------------------------------------ */
.boxPic {
  background-position:center;
  background-repeat:no-repeat;
  background-size: cover;
  height: 200px;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items:flex-end;
  position: relative;
}

.boxCurtain {
  background-color:rgba(0,0,0,0.4);	/*grey thing at the bottom*/
  width: 100%;
  height: 37px;
  font-family:century gothic, verdana,arial,sans-serif;
  font-size:30px;
  color:white;
  padding: 8px;
  transition:height 1s;
  -webkit-transition:height 1s;
}

.boxPic:hover > * {
  height: 60px;
}
a.fill-div {
  display: block;
  height: 100%;
  width: 100%;
  text-decoration: none;
}

/* multiple box organization
------------------------------------------------------------ */
.row {
  margin: 0 auto;
	max-width:860px;
  overflow: auto;
}
.cellLeft {
  width: 45%;
  float:left;
  height: 270px;
}
.cellRight {
  width: 45%;
  float: right;
  height: 270px;
}

/* start moblie changes
------------------------------------------------------------ */
@media screen and (max-width: 600px) {
  .cellLeft, .cellRight {
    width: 100%;
    height: 250px;
  }
}