.slidershow {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.center {
	transform: translate (-50% , -50%);
}

.navigation {
    position: relative;
	bottom: 0;
	left: 32%;
	transform: translateX (-50%);
    display: flex;
    z-index: 999;
}

@media screen and (max-width: 768px) {
    .slidershow {
        display: none;
    }
}

.bar {
	width: 50px;
	height: 1px;
	border: 2px solid grey;
	margin: 6px;
	cursor: pointer;
	transition: 0.4s;
}

.bar:hover {
	border-color: white;
}


input[name="r"]{
	position: absolute;
	visibility: hidden;
}

.slides {
	width: 1000%;
	height: 100%;
	display: flex;
}

.slida {
	width: 10%;
	transition: 0.6s;
}

.slida img {
	width: 100%;
	height: 100%;
}


#r1:checked ~ .s1 {
	margin-left: 0;
}

#r2:checked ~ .s1 {
	margin-left: -10%;
}

#r3:checked ~ .s1 {
	margin-left: -20%;
}

#r4:checked ~ .s1 {
	margin-left: -30%;
}

#r5:checked ~ .s1 {
	margin-left: -40%;
}

 #r6:checked ~ .s1 {
	margin-left: -50%;
} 

#r7:checked ~ .s1 {
	margin-left: -60%;
}  

.carousel img {
    width: 100%;
}

/* MOBILE SLIDER */

@media screen and (min-width: 1024px) {
    #carouselExampleFade {
        display: none;
    }
}