.slider {
        width: 90%;
        margin: 0 auto;
		background:#aaa;
		flex-direction: column; padding-left:1vw; padding-right:1vw;

    }

    .slick-slide {
      margin: 0px 8px;
    }

@media screen and (max-width: 700px) {
    .slider { width: 80%;}
    .slick-slide { margin: 0px 3px;}
}

@media screen and (max-width: 400px) {
    .slider { width: 70%;}
    .slick-slide { margin: 0px 1px;}
}



    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
      color: white;
	  background:black;
	  border-radius:50%;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: .5;
    }
    
    .slick-active {
      opacity: .75;
    }

    .slick-current {
      opacity: 1;
    }
	
	
	.single img {
  aspect-ratio: 1/0.8;
  width: 100%;
  padding: 4px;
  object-fit: cover;
	}