.slider-container {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  aspect-ratio: 16 / 6;
		margin-bottom: 100px
}

.slider {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.slide {
  min-width: 100%;
  box-sizing: border-box;
}

.slide a {
  display: block;
}

.slide img {
  width: 100%;
  display: block;
  object-fit: cover;
}

button.prev,
button.next {
  position: absolute;
  top: 46%;
	width: 32px;
	height: 32px;
  transform: translateY(-50%);
  border: none;
  font-size: 2rem;
  padding: 0.5rem 1rem;
  z-index: 10;
}

button.prev hover,
button.next hover {
  border: none;
}
button.prev {   left: 10px;
  background: url('../img/slide/images/controls.png') no-repeat 0 -32px;
}
button.next {   right: 10px;
  background: url('../img/slide/images/controls.png') no-repeat -43px -32px;}

	  
button.prev:focus,
button.next:focus {
  outline: none;
}


@media (max-width: 768px) {
		.slider-container {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  aspect-ratio: 16 / 12;
					margin-bottom: 60px
}
	
  button.prev,
  button.next {
  top: 45%;
  }
  }