.projects-content {
  display: flex;
  flex-direction: column;
  gap: 4rem;

  font-family: var(--font-family-jost);
}

.project-item-lg {
  display: none;
}

.project-item-sm {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.project-name,
.project-type {
  font-weight: 400;
}

.project-name {
  font-size: 1.8rem;

  color: #8A9399;
}

.project-type {
  font-size: 1.6rem;

  color: #E21C21;
}

.project-img {
  width: 100%;
  object-fit: cover;

  border-radius: 1rem;
  border: 2px solid #2e3133a6;
}

.project-description {
  font-size: var(--font-size-base-text);
  font-weight: 300;
}

/* Media Queries */

@media (min-width: 1000px) {
  .projects-content {
    justify-content: center;
    align-items: center;
    gap: 8rem;
  }

  .project-item-sm {
    display: none;
  }

  .project-item-lg {
    display: flex;
    gap: 3rem;
  }

  .project-text-lg {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }

  .project-img {
    max-width: 400px;
  }
}