.fit-cover {
  object-fit: cover;
}

.cat-link:onhover .cat-img {
  filter: grayscale(0%);
}

.cat-link .cat-img {
  background: linear-gradient(rgba(0,0,0,0.8654307330219988) 0%, rgba(0,0,0,0.6839237057220708) 7%, transparent 47%), url("../../assets/img/shutterstock_1845969709.jpg") center / cover no-repeat;
  border-radius: 23px;
  filter: grayscale(100%);
}

.category-link {
  height: 90%;
  width: 90%;
  border: dashed 1px transparent;
  transition: border 0.3s ease-in, box-shadow 0.3s ease;
}

.category-link:hover {
  border: dashed 1px #9a7b4b;
}

.cat-div:hover {
  background: linear-gradient(#ebd4b1, transparent 61%, rgba(191,172,144,0.8119891008174387) 98%), url("../../assets/img/shutterstock_1973143484.jpg") center / cover;
}

.cat-div {
  height:100%;
  max-height: 350px;
  transition: background 1s ease-in;
}

.cat-pic {
  height:100%;
  max-height: 350px;
 
}
.card-feed {
  height: 100%;
  min-height: 300px;
  margin: 12px;
  box-shadow: 0px 12px 14px 1px rgba(0,0,0,0.36);
  border-radius: 13px;
}

.photo-animate {
}

@media (min-width: 580px) {
  .categ {
    display: none;
  }
}

@media (max-width: 580px) {
  .hide-this {
    display: none;
  }
}

.categ {
}

.mobile-section, .desktop-section {
  display: none;
}



.btn-11:hover {
  background: none;
  border: solid 2px darkgoldenrod;
  color: #9a7b4b;
}

.btn-11 {
  border-radius: 0px;
  transition: background 0.3s ease-in;
}

@media (max-width: 590px) {
  .about-div {
    margin-top: 0px;
  }
}

@media (min-width: 591px) {
  .about-div {
    margin-top: -107px;
  }
}