:root {
  --primary: #3876bf;
}

.patners-kami {
  height: 100vh;
  padding: 0rem 10rem;
}

.patners-kami .content p {
  padding-left: 10rem;
  padding-right: 10rem;
  text-align: center;
  font-size: 1.2rem;
}
.patners-kami .card-patners {
  padding: 5rem 8rem;
  display: flex;
  justify-content: center;
}

.responsive-patners {
  padding: 0 6px;
  float: left;
  width: 24.99999%;
}

.patners-kami .gallery:hover {
  transform: translateY(-0.5%);
  box-shadow: 0 4rem 8rem rgba(0, 0, 0, 0.2);
}

.card__content {
  padding: 1rem 2rem;
}

@media (max-width: 500px) {
  html {
    font-size: 55%;
  }
  .patners-kami {
    height: 100%;
    padding: 5rem 7% 5rem;
  }
  .card-patners {

    align-items: center;
  }
  .patners-kami .content p {
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
    font-size: 1.2rem;
  }
  .card-patners {
    display: block;
  }

  .card-patners .w3-card-4 {
    transition: all 0.3s ease-out;
    margin-bottom: 30px;
  }
}