html, body {
      margin: 0;
      padding: 0;
    }

    * {
      box-sizing: border-box;
    }

    .slider {
        /*width: 100%;*/
        margin: 100px auto;
        margin-top: 20px;
        margin-bottom: 20px;
    }

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

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

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


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

    .slick-active {
      opacity: .5;
    }

    .slick-current {
      opacity: 1;
    }

  @media (max-width: 576px) {
  .slick-next {
    right: -10px;
  }

  .slick-prev {
    left: -10px;
  }

  .slick-prev,
  .slick-next {
    z-index: 9;
  }
}