.hero {
  background-image: url(./images/pmcs-mural.jpg);
  background-position: center center;
} 

.about a,
.workshops a,
.partners a,
.contact a {
  background-size:cover;
  background-position:top right;
  background-repeat:no-repeat;
  width:100%;
  display:block;
  position:relative;
  text-decoration: none;
}

.about a {
  background-image: url("./images/pmcs-about-us.jpg");
  background-color: #849E2A;
  border-bottom: 8px solid #2EAF9B;
}

.workshops a {
  background-image: url("./images/pmcs-workshops.jpg");
  background-color: #7CA6C0;
  border-bottom: 8px solid #7CA6C0;
}

.partners a {
  background-image: url("./images/pmcs-partners.jpg");
  background-color: #C76C14;
  border-bottom: 8px solid #C76C14;
}

.contact a {
  background-image: url("./images/pmcs-contact.jpg");
  background-color: #FFD100;
  border-bottom: 8px solid #FFD100;
}

@media only screen and (max-width: 767px) {
  .boxes .row .studyabroad,
  .boxes .row .researchinnovation,
  .boxes .row .partnerships,
  .boxes .row .contactus {
    height: 100%;
  }
}

.boxes .row .about,
.boxes .row .workshops,
.boxes .row .partners,
.boxes .row .contact {
  padding: 10px;
}

.about a .caption,
.workshops a .caption,
.partners a .caption,
.contact a .caption {
  text-shawdow: 2px 2px 5px #000;
}

.photo img {
  max-width: 100%;
}

.photo p,
.photo .caption {
  font-size: 11px;
  margin: 1em 0 1em 0;
}