/* --- GRID CONTAINER --- */
.projects-grid {
    margin-top: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

/* --- EACH PROJECT CARD --- */
.project-card {
  /* display: block; */
  max-width: 100%;
  height: 50vh;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

/* --- BACKGROUND IMAGES --- */
.editorial {
  background-image: url("../images/benne-web-cover.jpg");
}

.branding {
  background-image: url("../images/ayoka-web-cover.jpg");
}

.photography {
  background-image: url("../images/ginga-cover-web.png");
}

.posters {
  background-image: url("../images/de-muze-cover.jpg");
}

.motion {
  background-image: url("../images/girls-webcover.jpg");
}

.personal-branding {
  background-image: url("../images/personal-branding-cover.jpg");
}

/* OPTIONAL TITLE */
.title {
  text-align: center;
  font-size: 3rem;
  margin-top: 3rem;
}