*,
    *::before,
    *::after {
      box-sizing: border-box;
    }

    .container {
      width: 100%;
	  height: auto;
      margin: 0 auto;
    }

    .slider__container {
      padding-left: 0;
      padding-right: 0;
    }
	.slider__items {
	 width: 100%;
	 height: auto;
     max-height: 600px;
	}
	
    .slider__item {
      flex: 0 0 100%;
      width: 100%;
	  height: calc(31.5vw);
      position: relative;
	  background-position: center;
	  background-repeat: no-repeat;
	  background-size: cover;
    }

    .slider__item:nth-child(1) {
      background-image: url(../slider/slide0.jpg);
    }

    .slider__item:nth-child(2) {
      background-image: url(../slider/slide3.jpg);
    }

    .slider__item:nth-child(3) {
      background-image: url(../slider/slide4.jpg);
    }