body{
	font-family: "Arial",sans-serif;
	font-size: 14px;
	color: #fff;
	background: #333;
}

a{
	color:#fff;
	text-decoration: none;
}

h1{
	text-align: center;
}

.container{
	width: 600px;
	margin: 40px auto;
	overflow: auto;
	display: block;

}

.slider-outer{
	display: flex;
  align-items: center;
  justify-content: center;

}

.slider-inner{
	width:80%;
	height:80%;
	/* Adjust width and height to size of images */
	position:relative;
	overflow: hidden;
	float:left;
	padding:3px;

}

.slider-inner img{
	display: none;
	width:100%;
	height:100%;
	
    margin: 0 auto;

}

.slider-inner img.active{
	display: inline-block;

}

.prev, .next{
	float:left;
	margin-top:100px;
	cursor: pointer;
}

.prev{
	position:relative;
	margin-right: -45px;
	z-index:100;
}

.next{
	position:relative;
	margin-left: -45px;
	z-index:100;
}