.section__activities-list {
  display: grid;
  grid-template-columns: repeat(3, calc(33.33% - ((16px * 2) / 3)));
  list-style-type: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  gap: 16px;
}

@media (max-width: 1024px) {
  .section__activities-list {
     grid-template-columns: 1fr;
  }
}

.section__activity {
  background-color: var(--primary-color-2);
  color: var(--primary-color-1);
  padding: 16px 24px;
}

.section__activity-title,
.section__history-title {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 16px;
  margin-top: 0;
  margin-bottom: 16px;
}

.section__activity-content {
  font-weight: 300;
  font-size: 14px;
}

.section__activity-content a {
  color: inherit;
}

#about.section {
  padding-top: 24px;
  padding-bottom: 24px;
}

#about.section .section__title {
  text-transform: uppercase;
  font-size: 28px;
  margin-top: 0;
  margin-bottom: 32px;
}

#history.section {
  background-color: var(--primary-color-3);
  padding-top: 24px;
  padding-bottom: 24px;
}

#history.section .section__title {
  text-transform: uppercase;
  text-align: center;
  font-size: 28px;
  margin-top: 0;
  margin-bottom: 32px;
}

.section__histories-description {
  font-weight: 300;
  margin-bottom: 32px;
}

.section__history {
  background-color: var( --primary-color-1);
  color: var(--primary-color-2);
  padding: 16px 24px;
}

.section__history:not(:last-child) {
  margin-bottom: 16px;
}

.section__history-title {
  text-transform: uppercase;
}

.section__history-content {
  font-weight: 300;
}

.section__history:nth-child(1) .section__history-content,
.section__history:nth-child(3) .history-content__group:nth-child(1),
.section__history:nth-child(4) .history-content__group:nth-child(1) {
  display: grid;
  grid-template-columns: 320px calc((100% - 320px) - 24px);
  gap: 24px;
}

.section__history:nth-child(2) .section__history-content,
.section__history:nth-child(3) .history-content__group:nth-child(2),
.section__history:nth-child(4) .history-content__group:nth-child(2) {
  display: grid;
  grid-template-columns: calc((100% - 320px) - 24px) 320px;
  gap: 24px;
}


@media (max-width: 1024px) {
  .section__history:nth-child(1) .section__history-content,
  .section__history:nth-child(3) .history-content__group:nth-child(1),
  .section__history:nth-child(4) .history-content__group:nth-child(1),
  .section__history:nth-child(2) .section__history-content,
  .section__history:nth-child(3) .history-content__group:nth-child(2),
  .section__history:nth-child(4) .history-content__group:nth-child(2) {
    grid-template-columns: 1fr;
  }
}

.section__history:nth-child(3) .section__history-content,
.section__history:nth-child(4) .section__history-content {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}

.section__history-content .history-content__figure {
  margin: 0;
}

.section__history-content .history-content__figure img {
  width: 100%;
}

.section__history-content .history-content__figure figcaption {
  font-style: italic;
  font-size: 14px;
}

.section__history-content .history-content__paragraph {
  margin-top: 0;
  margin-bottom: 0;
}

#company.section {
  padding-top: 24px;
  padding-bottom: 24px;
}

#company.section .section__title {
  text-transform: uppercase;
  font-size: 28px;
  margin-top: 0;
  margin-bottom: 32px;
}

@media (max-width: 1024px) {
  #company.section .section__title {
    font-size: 24px;
  }
}

.section__company-description {
  font-weight: 300;
  margin-bottom: 48px;
}

.section__projects-title {
  text-transform: uppercase;
  text-align: center;
  font-weight: 500;
  font-size: 24px;
  border-bottom: 2px solid var(--primary-color-2--opacity-0-25);
  padding-bottom: 24px;
  margin-top: 0;
  margin-bottom: 24px;
}

.section__project {
  background-color: var( --primary-color-1);
  color: var(--primary-color-2);
  padding: 16px 24px;
}

.section__project:not(:last-child) {
  margin-bottom: 16px;
}

.section__project-title {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 16px;
}

.section__project-content {
  font-weight: 300;
}

.section__project .section__project-content {
  display: grid;
  grid-template-columns: 320px calc((100% - 320px) - 24px);
  gap: 24px;
}

@media (max-width: 1024px) {
  .section__project .section__project-content {
    grid-template-columns: 1fr;
  }
}

.section__project-content .project-content__figure {
  margin: 0;
}

.section__project-content .project-content__figure img {
  width: 100%;
}

.section__project-content .project-content__figure figcaption {
  font-style: italic;
  font-size: 14px;
}

.section__project-content .project-content__paragraph {
  margin-top: 0;
  margin-bottom: 0;
}