.project-item {
  width: 40%;
  margin: 1em 0 1em;
}

@media (max-width: 768px) {
  .project-item {
    width: 90%;
    font-size: 14px;
  }

  img {
    max-width: 40%;
    margin: 0 0 1em 0;
  }
}

@media (min-width: 768px) and (max-width: 1080px) {
  .project-item {
    width: 60%;
  }
}

@media (min-width: 1920px) {
  .project-item {
    width: 30%;
  }
}
