.info-container{
  height: 20vh;
  background: var(--primary-color);
  color: var(--light-black-color);
}

.info-content{
  max-width: 140rem;
  margin: 0 auto;
  padding: 3rem;
  height: 100%;
  overflow: hidden;
}

.info-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 5rem;
  height: 100%;
}

.info-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.info-item strong{
  font-size: 54px;
}

@media (max-width: 800px) {
  .info-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0rem;
  }

  .info-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .info-item strong{
    font-size: 20px;
  }

  .info-item span{
    font-size: 12px;
  }
}