/*Slideshow container*/
.slideshow-container{
    width: 100%;
    margin: auto;
   
}

.mySlides{
	display: none;
}

.slideshow-container>.btn{
    
    width: 50px;
    height: 50px;
    border: none;
    border-radius:25px;
    top: 110px;
    background: transparent;
    color: black;
    font-size: 20px;
}
.slideshow-container>#btn1:hover{
    box-shadow: 10px 0px 20px 0px black;
}

.slideshow-container>#btn2:hover{
    box-shadow: -10px 0px 20px 0px black;
}

.slideshow-container>#btn2{
    
    float: right;
}

.text{
	text-align: center;
}

/*The dots/circles*/
.dot{
	cursor: pointer;
	height: 15px;
	width: 15px;
	margin: 0 2px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
}

.active, .dot:hover{
	background-color: #717171;
}