.portfolio{
  background-color:#f9f6f6 !important
}

.catalogo .image{
  /* height:90vh; */
  margin:auto;
}

.catalogo .image img{
  display: block;
  height: 100%;
  width:auto;
  margin:auto;
  /* padding-top: 5px;
  padding-bottom: 5px; */
}

@media(max-width:768px){
  .catalogo .slick-slide > div{
    display: flex;
  }
}

.slick-next,.slick-prev{
  width:40px;
  height:40px;
  z-index: 500;
  left:unset;
}

.slick-prev{
  top: calc(50% - 40px);
}
.slick-next{
  top: calc(50% + 20px);
}

.slick-arrow::before {
  content: '';
  height: 40px;
  width: 40px;
  border: 3px solid #D1BAC3;
  transition: all .3s;
  display: block;
  position: relative;
  z-index: 500;
  border-width: 3px 0 0 3px;
  border-color: #c0a8b1;
  cursor: pointer;
}

.slick-prev{
  transform: rotate(45deg)
}

.slick-next{
  transform: rotate(-135deg)
}

.slick-arrow.disabled::before,
.slick-arrow.slick-disabled::before,
.slick-arrow[disabled]::before{
  cursor: auto;
  opacity: .5;
}

.slick-arrow:not(.disabled):not(.slick-disabled):not([disabled]):hover::before{
  border-color: #555;
}

.slick-arrow:not(.disabled):not(.slick-disabled):not([disabled]):hover::before{
  border-color: #555;
}

@media (max-width: 768px){
  .catalogo .image{
    height:unset !important;
    width: 100%;
    margin:auto;
  }
  .catalogo .image img{
    width: 100%;
    height: auto;
  }

  .slick-prev,.slick-next{
    display: none !important;
  }
}