@media screen and (min-width:576px) {
	.carousel-inner{
		display: flex;
	}
	
	.carousel-item{
		display: block;
		margin-right: 0;
		flex: 0 0 calc(100%/2);
	}	
	
	
}

.carousel-inner{
    padding: 1em;
}

.carousel-item px-3 {
    padding-left: 0; padding-right: 0;
}

.carousel-item .card{
	margin: 0 .75em;
	box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, .18);
}

.carousel-control-prev, .carousel-control-next{
		width: 6vh;
		height: 6vh;
		background-color: #e1e1e1;
		border-radius: 50%;
		top: 50%;
		transform: translateY(-50%);
		opacity: .5;		
}


.carousel-control-prev:hover, .carousel-control-next:hover{
	opacity: .8;
}

@media screen and (min-width:820px) {
	
	.carousel-item{
		display: block;
		margin-right: 0;
		flex: 0 0 calc(100%/3);
	}	
}

@media screen and (min-width:930px) {
	
	.carousel-item{
		display: block;
		margin-right: 0;
		flex: 0 0 calc(100%/4);
	}	
}













.slider_container {
	
	display: flex;
	align-items: center;
	align-content: center;
	background-size: cover;
	aspect-ratio: 3 / 1.4;
	
}

.slider {
  height: 280px;
  max-height: 80%;
  width: 720px;
  max-width:80%;
  position: relative;
  overflow: hidden;
  background: white;
  margin: 10% auto;
  justify-content: center;
  --display: block;
}
.slider__nav {
  width: 12px;
  height: 12px;
  margin: 2rem 12px;
  border-radius: 50%;
  z-index: 10;
  outline: 6px solid #ccc;
  outline-offset: -6px;
  box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.slider__nav:checked {
  -webkit-animation: check 0.4s linear forwards;
          animation: check 0.4s linear forwards;
}
.slider__nav:checked:nth-of-type(1) ~ .slider__inner {
  left: 0%;
}
.slider__nav:checked:nth-of-type(2) ~ .slider__inner {
  left: -100%;
}
.slider__nav:checked:nth-of-type(3) ~ .slider__inner {
  left: -200%;
}
.slider__nav:checked:nth-of-type(4) ~ .slider__inner {
  left: -300%;
}
.slider__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 400%;
  height: 100%;
  -webkit-transition: left 0.4s;
  transition: left 0.4s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
}
.slider__contents {
  height: 100%;
  padding: 2rem;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.slider__caption {
  font-weight: 500;
  margin: 2rem 0 1rem;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
}
.slider__txt {
  color: #999;
  margin-bottom: 3rem;
  max-width: 300px;
}