.husti{
  text-align: justify;
}

.galeria img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.galeria{
  width: 85%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;

  display: grid;
  grid-template-columns: repeat(auto-fit, 133px);
  grid-auto-rows: 200px;
  justify-content: center;
  gap: 1rem;
}

.titulo{
  text-align: center;
  padding: 2.5rem 0;
  text-transform: uppercase;
  letter-spacing: 5px;
  text-decoration: underline;
  text-decoration-color: #e7dac2;
  font-size: 2.4rem;
  font-family: sans-serif;
}

.item-galeria{
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  grid-column: span 2; /*266px + 17px = 283px*/
  height: 283px;
  transition: 0.3s filter;
}

.item-galeria:hover{
  filter: brightness(0.3);
}

.item-galeria:first-of-type{
  grid-column: 2 / span 2;
}

/*Media*/

@media screen and (min-width: 270px) and (max-width: 504px){
  .item-galeria:first-of-type{
    grid-column: 1 / span 2;
  }

  .galeria{
    grid-auto-rows: 283px;
  }
}

@media screen and (min-width: 505px) and (max-width: 685px){
  .item-galeria:nth-of-type(odd){
    grid-column: 2 / span 2;
  }
}

@media screen and (min-width: 686px) and (max-width: 700px){
  .item-galeria:nth-of-type(3n + 1){
    grid-column: 2 / span 2;
  }
}


@media screen and (min-width: 1026px) and (max-width: 1659px){
  .item-galeria:nth-of-type(6n + 1){
    grid-column: 2 / span 2;
  }
}