@charset "UTF-8";

/** 媒体查询 */

/** 布局 */

.certificate-container {
  padding: 1.875rem 1.25rem;
  box-shadow: 0 0.1875rem 1.25rem 0.0625rem rgba(0, 0, 0, 0.1);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.25rem 0.9375rem;
}

.certificate-container p {
  text-align: center;
  margin-top: 0.3125rem;
}

@media (max-width: 800px) {
  .certificate-container {
    padding: 0.9375rem 0.625rem;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem;
  }

  .certificate-container p {
    font-size: 0.875rem;
  }
}

@media (max-width: 500px) {
  .certificate-container {
    grid-template-columns: repeat(2, 1fr);
  }
}