.projects h2 {
  text-align: center;
}

.projects .project {
  display: inline-flex;
  border: 1px solid var(--color-smoke-90);
  width: 46%;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 1rem;
  margin: 1rem;
}

.projects .project a > img {
  display: inline-block;
  width: auto;
  height: 5rem;
}

.projects .project a > img + img {
  padding-left: 1rem;
}

.projects .project .description {
  padding: 1rem;
  text-align: center;
}

.projects .project .links {
  align-items: center;
  margin: 1.5rem 0;
  white-space: nowrap;
}

@media screen and (max-width: 1023px) {
  .projects .project {
    width: 100%;
    margin: 1rem 0;
  }
}

@media screen and (max-width: 480px) {
  .projects .project {
    padding: 1rem 0.4rem;
  }
}

@media screen and (min-width: 1024px) {
  .projects .project .description {
    height: 10rem;
  }
}