.slider-container {
  height: 84vh;
  width: 95.8%;
  position: relative;
  overflow: hidden;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 5vh;
}

.menu {
  position: absolute;
  left: 0;
  z-index: 900;
  width: 100%;
  bottom: 0;
}

.menu label {
  cursor: pointer;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #000;
  border-radius: 50px;
  margin: 0 0.2em 1em;
}

.slide {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 10;
  padding: 0;
  background-size: cover;
  background-position: 50% 50%;
  transition: left 0s 0.75s;
}

[id^="slide"]:checked + .slide {
  left: 0;
  z-index: 100;
  transition: left 0.65s ease-out;
}

.slide-1 {
  background-image: url("../img/uikit_0005_1.jpg");
  background-size: contain;
  background-repeat: no-repeat;
}

.slide-2 {
  background-image: url("../img/uikit_0004_2.jpg");
  background-size: contain;
  background-repeat: no-repeat;
}

.slide-3 {
  background-image: url("../img/uikit_0003_3.jpg");
  background-size: contain;
  background-repeat: no-repeat;
}

.slide-4 {
  background-image: url("../img/uikit_0002_4.jpg");
  background-size: contain;
  background-repeat: no-repeat;
}

.slide-5 {
  background-image: url("../img/uikit_0001_5.jpg");
  background-size: contain;
  background-repeat: no-repeat;
}

.slide-6 {
  background-image: url("../img/uikit_0000_6.jpg");
  background-size: contain;
  background-repeat: no-repeat;
}

@media (max-width: 425px) {
  .slider-container {
    width: 99.7%;
    z-index: 99;
  }
}