.container {
    background-color: #242424;
    margin: 0px auto;
    max-width: 960px;
    padding: 0 30px;
    border-radius: 10px;
}

.container img{
    border-radius: 10px;
}

.slider {
    width: 100%;
    margin: 0px auto;
}

.slick-slide {
  margin: 20px 10px;
}

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

.slick-prev:before,
.slick-next:before {
  color: black;
}


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

.slick-active {
  opacity: .5;
}

.slick-current {
  opacity: 1;
}

h3>a{
    color: black;
}

@media screen and (min-width: 1300px) {
  .container {
    margin: 0px 10%;
}
}