@charset "UTF-8";

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

    * {
      box-sizing: border-box;
    }

    .slider {
      width: 100%;
      margin: 0px auto;
      z-index: 1;
    }

    .slider img {
      width: 100%;
      height: 40vw;
      object-fit: cover;
    }

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

    .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;
    }

    @media screen and (max-width: 959px) {
      .slider img {
        width: 100%;
        height: 60vw;
        object-fit: cover;
      }
    }