.gfw-filter {
  display:flex;
  gap:20px;
  position:relative;
}

.gfw-filter button {
  background: none;
  cursor: pointer;
  padding: 5px 10px;
  border-radius: 15px;
}

button:hover,
button.active {
  background: #000C;
	color: #FFF;
}

.gfw-filter {
  display: flex;
  gap: 20px;
}

.gfw-filter-inner {
  display: flex;
  gap: 20px;
  position: relative;
	flex-wrap: wrap;
}

.gfw-underline {
  position:absolute;
  bottom:0;
  height:2px;
  background:currentColor;
  transition:0.3s ease;
}

.gfw-posts {
  display:grid;
  gap:80px;
  margin-top:30px;
}

.gfw-item img {
  width: 283px;
  height: 343px;
  object-fit: cover;
  max-width: 100%;
  max-height: 100%;
}

@media (max-width: 1024px) {
	.gfw-posts {
  		gap: 20px;
  	}
}	

@media (max-width: 767px) {
	.gfw-item img {
  		width: 100%;
  		height: auto;
  		object-fit: cover;
	}
}