* {box-sizing: border-box}
/*#ssc {
	/*max-width: 100px;*/
	margin: auto;

}*/
.sld {
	display: none;
}
.prev, .next {
cursor: pointer;
position: static;
width: auto;
padding: 16px;
color: red;
font-weight: bold;
font-size: 18px;
transition: 0.1s ease;
border-radius: 0 3px 3px 0;
}
.next {
float: right;
}
.prev {
float: left;
}
.prev:hover, .next:hover {
background-color: rgba(0,0,0,0.8);
}
.numero {
color: red;
font-size: 24px;
padding: 8px 12px;
position: absolute;
top: 200px;
left: 38%;
text-shadow: 2px 2px 5px;
}
.sld img {
	width : 100%;
}
.piste {
cursor: pointer;
height: 15px;
width: 15px;
margin: 0 2px;
background-color: red;
border-radius: 50%;
display: inline-block;
transition: background-color 1s ease;
}
.active, .piste:hover {
background-color: rgb(180,50,50);
box-shadow: 1px 1px 2px;
}
.sld {
	float: right;
}

@media only screen and (max-width:800px) {
.numero {
	top: 440px;
	left: 16%;
}
#pisteet {
	top: 460px;
}
#content {
	height: 360px;
}
#tausta {
	height : 200px;
}
}
