.title {
  font-size: 1.5rem;
}

.title-2 {
  font-size: 1.5rem;
}

.title-section {
  font-size: 5rem;
  font-weight: 500;
  margin-bottom: 0.5em;
}

.item-role, .archive-item-role {
  font-size: 1rem;
}

.txt-content {
  font-size: 1.5rem;
  line-height: 1.37;
  grid-row: 2;
  grid-column: 1/3;
}

.date-project, .type-project {
  font-size: 1rem;
}

.content-footer {
  font-size: 0.75rem;
}

@media only screen and (max-width: 1800px) {
  .title {
    font-size: 1.4rem;
  }
  .title-2 {
    font-size: 1.4rem;
  }
  .title-section {
    font-size: 4rem;
  }
  .content-1 {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 1500px) {
  .title-section {
    font-size: 3rem;
    line-height: 1.1em;
  }
}
@media only screen and (max-width: 850px) {
  .title {
    font-size: 1.5rem;
    font-weight: 500;
  }
  .title-2 {
    font-size: 1rem;
  }
  .title-section {
    margin-bottom: 1em;
  }
  .txt-content {
    font-size: 1rem;
    margin-bottom: 1em;
  }
  .item-role, .archive-item-role {
    font-size: 0.8rem;
    font-weight: 500;
  }
  .item-role, .type-project {
    width: 75%;
  }
  .archive-item-role {
    font-weight: 450;
  }
  .archive-item-year {
    font-size: 0.8rem;
  }
  .date-project, .type-project {
    font-size: 0.8rem;
  }
}