@charset "UTF-8";

.uniform-container {
  max-width: 1200px;
  width:calc(100% - 40px);
  margin: 0 auto 100px auto;
}

.uniform-container ul {
  text-align: center;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap:20px;
}

.uniform-container ul li {

}

.uniform-container ul li figure {
  border-radius: 10px;
  aspect-ratio: 4 / 3;
  border:1px solid #035735;
  overflow: hidden;
  position: relative;
}

.uniform-container ul li figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.uniform-container ul li figure figcaption {
  position: absolute;
  display: inline-block;
  padding: 6px 12px;
  background:#035735;
  color:#fff;
  bottom:20px;
  left:50%;
  transform: translateX(-50%);
  font-size: 16px;
  font-size: 1rem;
}


@media only screen and (max-width: 919px) {
  .uniform-container ul {
    grid-template-columns: 1fr;
  }
}