.content {
  display: flex;
  flex-direction: column;
  row-gap: 5rem;
}

.grid {
  margin-top: 3.5rem;
}

.card-header img {
  height: 4rem;
}

.card-header {
  display: flex;
  align-items: center;
}

.card-header > h2 {
  margin-left: 1.5rem;
}

.projects .card-header {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  row-gap: 1.5rem;
  padding-bottom: 1.5rem;
}

.projects .card-header > h2 {
  line-height: 2.5rem;
}

.cost {
  margin-top: var(--indent-2);
}

ul {
  padding: 0 2rem;
}

ul li {
  margin-left: var(--indent-2);
}

.projects h2 {
  margin-left: 0;
}

ul:not(.grid) {
  line-height: 2.8rem;
}

ul.grid {
  gap: 1.2rem;
}

@media screen and (max-width: 476px) {
  img {
    height: 2.5rem !important;
  }
  .grid {
    margin-top: 1.5rem;
  }
  ul {
    font-size: 1rem !important;
    word-break: break-word;
  }
}

@media screen and (max-width: 850px) and (min-width: 476px) {
  .technology .grid {
    grid-template-columns: repeat(1, 1fr) !important;
  }
  .projects .grid {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}

@media screen and (min-width: 860px) {
  .technology .grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .projects .grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media screen and (min-width: 1200px) {
  .projects .grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

@media screen and (max-width: 1430px) {
  .products .card-header h2{
    font-size: 20px;
  }
}