/* -----Container----- */
.section-merch{
  padding-bottom: 1vw;
}

.merch-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-content: center;
  max-width: 1400px;
  margin: 0 auto;

}

/* -----Image----- */
.merch-image {
  width: 100%;
  height: auto;
  border-radius: 10px;
}

/* -----Button----- */
#store-button {
  display: block;
  width: 200px;
  margin: 20px auto;
  padding: 10px;
  color: white;
  text-decoration: none;
  border-radius: 50vw;
  border: 2px solid white;
}


/* -----Hover----- */
.merch-item:hover .merch-title {
  transition: color 0.3s ease;
  color: #dc1464;
}

#store-button:hover {
  transition: background-color 0.3s ease;
  background-color: #dc1464;
}

/* -----Responsive----- */
@media only screen and (max-width: 1024px) {
  .merch-container {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (min-width: 640px) {
  .merch-container {
    padding-right: 32px;
    padding-left: 32px;
  }
  .merch-item{
    padding: 16px;
  }
}

@media only screen and (max-width: 639px) {
  .merch-container {
    padding-right: 16px;
    padding-left: 16px;
  }
  .merch-item{
    padding: 8px;
  }
}