.projectgrid {
  width: 100%;
  display: grid;
  /* grid-template-rows: repeat(repeat, 1fr); */
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  margin-bottom:4rem;
}


.projectgrid div {
  margin-bottom: 1rem;
}

.projectgrid img {
  object-fit: cover;
  background: transparent;
  max-height:100%;
  border-radius: 2px;
  aspect-ratio: 1/1;
  object-position: center center;
}

.projectgrid h3 {
 font-style: italic;
 }

/* .projectgrid h3 span { font-weight:400;} */

.columns {
  max-width: 100%;
  column-count: 2;
  column-width: 40vw;
  column-gap: 1vw;
  padding: 2rem 0;
  margin: 0 0 1rem 0;
}

li .current {
  background-color: black;
}

a { text-decoration: none;}


/* .projectimagesgrid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0px;
} */

.projectimagesgrid div {
  margin-bottom: 0;
}

.projectimagesgrid img {
  max-width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}

/* .projectimagesgrid-twoup {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  margin-top: 11rem;
} */
/*
.projectimagesgrid-twoup img {
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 1.5rem;
} */


/* RESPONSIVENESS ADJUSTMENTS */

@media only screen and (max-width: 600px) {
  .projectgrid {
    width: 100%;
    display: grid;
    /* grid-template-rows: repeat(repeat, 1fr); */
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem;
    padding-right:0;
  }
  .projectimagesgrid-twoup {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
  }

}

@media only screen and (min-width: 601px) {
  .projectgrid {
    width: 100%;
    display: grid;
    /* grid-template-rows: repeat(repeat, 1fr); */
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    /* padding-right:1rem; */
  }
  .projectimagesgrid-twoup {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
  }


}
@media only screen and (min-width: 992px) {
  .projectgrid {
    width: 100%;
    display: grid;
    /* grid-template-rows: repeat(repeat, 1fr); */
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;

  }
  .projectimagesgrid-twoup {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);

  }
.projectimagesgrid-twoup > .halfblock p { max-width: 100%;}
}